Question

我有一个760px宽的框架。然后我有一个名为main的div，宽度为750px，填充为5px。

.main {
width:750px;
background-color:#FFF;
border-style:solid;
border-width:thin;
padding:5px;
margin-bottom:10px;

}

然后我在里面有一个div，它叫做最新的，我想并排3个。

.latest {
width:240px;
padding:5px;

}

如果我将浮动：左侧放在最新的div上，最终会将它们放在主要区域之外。

<div class="main">
    <div class="latest">
        asdasdas
    </div>

    <div class="latest">
        asdasdas
    </div>

    <div class="latest">
        asdasdas
    </div>
</div>

我用来把它们放在一起的代码。我想不出别的什么。感谢您的阅读，希望您能提供帮助！

Answer 1

.latest {
    width:240px;
    padding:5px;
    float: left;
}

要阅读的内容 http://css.maxdesign.com.au/floatutorial/

阅读本文， http://css.maxdesign.com.au/floatutorial/clear.htm

这可能会解决您的问题

在主div中添加

<div class="clear"></div>

并以您的风格添加此内容

.clear {
clear: both;
}

Answer 2

将溢出：auto添加到.main div。

此处有更多解释：http://gtwebdev.com/workshop/floats/enclosing-floats.php

并排获得3帧

2 个答案: