Html css浮动和填充
这是HTML布局:Html css浮动和填充,html,css,Html,Css,这是HTML布局: <div class="wrap"> <div id="container"> <div id="left">...</div> <div id="right">...</div> </div> </div> .当您浮动一个元素时,它实际上
<div class="wrap">
<div id="container">
<div id="left">...</div>
<div id="right">...</div>
</div>
</div>
.当您浮动一个元素时,它实际上将其从文档流中移除,因此向其父元素添加填充不会对其产生影响。你可以使用
margintop:10px代码>在两个内部div上。将右浮动div放在左浮动div之前是否确定结束标记为?是否可以使用类似的网站创建一个示例?另外,结束标记是打字错误还是在代码中?因为没有正确关闭div标签可能会导致您的问题。对不起,我犯了一个输入错误。是的,您是对的,但是当我使用float:left to container div时,填充可以工作。我对它使用了一个宽度,然后是左分区和右分区的宽度。在IE7下,firefox。它们都显示ok。但在IE6下,右分区显示unnormal,这在左侧部分下。为什么?如何改变它。谢谢。你也可以发布你的CSS代码吗?如果你使用了我们看不到的更多的宽度和浮动,那么我们可以帮助你找到一个合适的解决方案:)它似乎在做你在我做的例子中要求的事情。什么是“不工作”
.wrap {
float: left;
width: 1000px
}
#container{
background-color: #FFFFFF;
padding: 10px 10px 0;
width: 980px;
float: left;
}
#left {
float: left;
width: 670px;
}
#right {
float: right;
width: 300px;
}