UC知道网页css 为什么li设置浮动后不脱离ul
来源：百度知道 编辑：UC知道 时间：2024/07/01 06:59:45
不明白为什么li设置浮动后 再给ul设置一定的高度 li不脱离ul而是ul定位在哪里 它总是在ul内 不是脱离标准流么？
帮我讲讲 谢谢
<body>
<style>
ul{
border:1px solid red;
list-style:none;
margin:100px;
}
</style>
<ul>
<li>1</li>
<li>2</li>
<li style="float:left;">3</li>
</ul>
</body>
比如这个ul的padding为100，为什么3设置了浮动脱离了标准流 却也要受ul padding为100的影响
帮我讲讲 谢谢
<body>
<style>
ul{
border:1px solid red;
list-style:none;
margin:100px;
}
</style>
<ul>
<li>1</li>
<li>2</li>
<li style="float:left;">3</li>
</ul>
</body>
比如这个ul的padding为100，为什么3设置了浮动脱离了标准流 却也要受ul padding为100的影响
li 是UL 里边的一个元素了，
也就是说，无论你对ul执行了何种设置，
里边的li都会相应的也去执行这个设置。
所以，你的li里的float：left
是在ul的padding的基础上再浮动居左的.
你叙述的不太清楚哎，li是ul里的一个元素，两者结合使用的，就跟表格的td、tr都是table的内容一样
只是脱离了浮动流,并不是脱离UL的控制。想控制LI的位置可以用绝对位置让它摆脱UL而单独存在。
很正常啊。。你想要脱离的的话就要用绝对定位