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中。所以我想制作幻灯片

Css here

Answer 1

试试这个（bunu dene）：

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

<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元素之间的空格以避免它们之间的空格。）

Div Floats in Other Div

2 个答案: