UC知道请问css浮动的问题?
来源：百度知道 编辑：UC知道 时间：2024/06/07 07:05:53
请问css浮动的问题?
<style>
ul{
border:1px solid red;
list-style:none;
}
</style>
<ul>
<li style="margin-top:-20px;">111</li>
<li>222</li>
<li>333</li>
</ul>
为什么使用margin-top:-20px后,222会占去111的位置,然到脱离标准流了,我这没用float啊?
第二个问题:
<style>
ul{
border:1px solid red;
list-style:none;
}
</style>
<ul>
<li style="float:left;margin-top:80px;">111</li>
<li>222</li>
<li>333</li>
</ul>
我给111设置了float后,margin-top为80px,111向下走了80px,没有脱离标准流,因为222没占去111原来的位置,
可为什么我将margin-top设置成-80px后,222就占去111原来的位置?脱离标准流了?
第三个问题:
<style>
ul{
border:1px solid red;
list-style:none;
}
</style>
<ul>
<li>111</li>
<li>222</li>
<li style=&quo
<style>
ul{
border:1px solid red;
list-style:none;
}
</style>
<ul>
<li style="margin-top:-20px;">111</li>
<li>222</li>
<li>333</li>
</ul>
为什么使用margin-top:-20px后,222会占去111的位置,然到脱离标准流了,我这没用float啊?
第二个问题:
<style>
ul{
border:1px solid red;
list-style:none;
}
</style>
<ul>
<li style="float:left;margin-top:80px;">111</li>
<li>222</li>
<li>333</li>
</ul>
我给111设置了float后,margin-top为80px,111向下走了80px,没有脱离标准流,因为222没占去111原来的位置,
可为什么我将margin-top设置成-80px后,222就占去111原来的位置?脱离标准流了?
第三个问题:
<style>
ul{
border:1px solid red;
list-style:none;
}
</style>
<ul>
<li>111</li>
<li>222</li>
<li style=&quo
首先我不清楚你说的标准流是什么东西
第一个问题
你明不明白margin-top:负值。的概念
就是说111在原位置向上移动-20px，它下面的222当然也要向上移动-20px！
第二个问题同理
在看你第三个问题的时候我知道你要表达的东西了，你所说的“标准流”是文档流吧。“标准流”这个词是你自己造的？还是哪本破书翻译的
第三个问题，乃至四五六七八问题，关键还是在于你没有理解。如果按照你现在的学习方法，喜欢钻牛角尖，自己制造问题，别人一年学会，你至少得2年！
float浮动的概念，你应当好好学习学习。然后你再实验
第四个问题
你傻吧，在body标签下第一个P负值向上移动50px，超出屏幕上方边界。下面的P也消失，显然第二个P的高度加上第一个P的高度小于50px，所以跟着第二个也消失在屏幕上方。不信，你设置-50px为-20px，你看看，第二个还消失不了！
第二个同理,-80px是第二个P的位置，和第一个无关，它只会影响它下面的元素。
第三个，上面提到了，你还是老实点学学float的概念。