css - div 在其他 div 中浮动

Question

html

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

我需要 div 在中间 div 中向左浮动。所以我想制作一个幻灯片 div

这里的 CSS

Answer 1

试试这个（布努登）：

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

Answer 2

您可以在元素上使用display:inline-block（并删除浮动）.section，并使容器.middle成为white-space:nowrap

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

（请注意，我已删除每个.section元素之间的空格以避免它们之间的空格..）