Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vb.net/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css浮动和填充_Html_Css - Fatal编程技术网

Html css浮动和填充

Html css浮动和填充,html,css,Html,Css,这是HTML布局: <div class="wrap"> <div id="container"> <div id="left">...</div> <div id="right">...</div> </div> </div> .当您浮动一个元素时,它实际上

这是HTML布局:

        <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;
}