UC知道关于css+div的 问题 （高分悬赏）
来源：百度知道 编辑：UC知道 时间：2024/05/24 13:42:52
自己在用css+div布局的时候，有时候 padding margin的数值不起作用
或者，左右起作用，但padding-top，margin-top不起作用。（我用的是ie浏览器。）
比如padding:10px,该元素的左边起作用，但上边不起作用。
看网上说这和float有影响。但我不明白怎么影响的？或者有其他原因？
我头都大了，非常郁闷，非常痛苦！！！
所以麻烦高手帮我详细列明padding margin不起作用的几种情况，最好有代码做例子。
注：我用的是ie浏览器，不考虑firefox等其他浏览器。
请一定要详细说明，越详细越好,我在网上也查了好多了，越看头越大，把我看做 一个理解能力非常差的超级笨蛋吧。一定要详细详细再详细！！！语言通俗通俗，再通俗。谢谢了！！！感激不尽！！！！
或者，左右起作用，但padding-top，margin-top不起作用。（我用的是ie浏览器。）
比如padding:10px,该元素的左边起作用，但上边不起作用。
看网上说这和float有影响。但我不明白怎么影响的？或者有其他原因？
我头都大了，非常郁闷，非常痛苦！！！
所以麻烦高手帮我详细列明padding margin不起作用的几种情况，最好有代码做例子。
注：我用的是ie浏览器，不考虑firefox等其他浏览器。
请一定要详细说明，越详细越好,我在网上也查了好多了，越看头越大，把我看做 一个理解能力非常差的超级笨蛋吧。一定要详细详细再详细！！！语言通俗通俗，再通俗。谢谢了！！！感激不尽！！！！
<style type="text/css">
#warpper{
width:500px;
height:500px;
background-color:#CCCCCC}
.one,.two{
width:200px;
height:200px;}
.one{
background-color:#00CCFF;
float:left;
}
.two{
background-color:#993333;
margin-left:20px;
margin-top:20px
}
</style>
</head>
<body>
<div id="warpper">
<div class="one">这里是第一个蓝色的颜色块</div>
<div class="two">这里是第二个红色的颜色块</div>
</div>
</body>
</html>
不要给非浮动与浮动的DIV设置margin或者padding。
这里 one浮动了，two没有，当two设定margin就失效了，至于为什么还有有空隙。因为，当一个元素浮动时，该元素从正常的文档流中删除，其他内容会“环绕”该元素，如果该元素有20px的外边距，则这个图像周围周至少有20px的空间。）
如果 样式里 有浮动
就用margin:上 右 下 左;
padding-top不管用
如果没有浮动 padding:应该管用
如果你设置了浮动，就要在浮动后面加个DIV来清除一下浮动
建议看看下面的教程
有padding,margin的div要设置宽度高度，这样应该有作用了。不起作用和f