Css Div在其他Div中浮动

Html

试试这个（bunu dene）：

您可以在
.section
元素上使用
显示：内联块
（并移除浮点数），并将容器
.middle
设置为
空白：nowrap

<div id="middle" style="width="600px">
    <div align="left" id="section1" class="section"></div>
    <div align="left" id="section2" class="section"></div>
    <div align="left" id="section3" class="section"></div>   
</div>


#中间的{
显示：块；
宽度：639px；
高度：600px；
溢出：隐藏；
空白：nowrap；
}
.科{
宽度：639px；
高度：600px；
背景：#333；
显示：内联块；
}

（请注意，我已删除了每个
.section
元素之间的空格，以避免它们之间出现空格。）
您希望它们处于水平顺序吗？是的，水平顺序我在这段代码上没有什么问题，一切正常，但所有div附近都有1 px的空格：SDid您是否按照我最后的通知进行操作。。您需要删除div元素之间的空白。。如果你这样做了，但问题仍然存在，请发布一个链接，以便我们可以现场查看。。
<div id="middle" style="width="600px">
    <div align="left" id="section1" class="section"></div>
    <div align="left" id="section2" class="section"></div>
    <div align="left" id="section3" class="section"></div>   
</div>

<div id="middle" style="width:600px">
        <div id="section1" class="section"></div><div id="section2" class="section"></div><div id="section3" class="section"></div>   
</div>

#middle{
    display:block;
    width:639px;
    height:600px;
    overflow:hidden;
    white-space:nowrap;
    }
.section{
    width:639px;
    height:600px;
    background:#333;
    display:inline-block;
    }