css 在浮动元素旁边做一个ul,尊重它的填充

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 在浮动元素旁边做一个ul,尊重它的填充相关的知识,希望对你有一定的参考价值。


ul{
  padding-left: 0;
  overflow: hidden; /* prevent the padding on li's from spilling out */
}
ul li {
  position: relative;
  left: 1.3em;
  padding-right: 1.3em; /*prevent the li's from hanging over the far edge of their parent*/
}


/*
Source: http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements
*/

以上是关于css 在浮动元素旁边做一个ul,尊重它的填充的主要内容,如果未能解决你的问题,请参考以下文章

ul 填充不适用于浮动 img 旁边

CSS:尽管旁边有浮动元素,如何使文本居中?

css浮动属性float详解

html 使用CSS内联的水平html导航菜单。在这个例子中,我们让ul元素和a元素向左浮动。该

HTML/CSS:将浮动左元素扩展到父元素的剩余宽度

CSS 浮动及应用,清除浮动