0

我做了下面的工作，

<div class="container_12">
<div class="grid_6">Some Text</div>
<div class="grid_6">Some Text</div>
</div>

结果：出现了两个左右边距为10px的盒子。

问题一：

下面不起作用，一个盒子被推到另一个盒子下面为什么？我应该怎么做才能解决它？

<div class="container_12">
<div class="grid_12">
<div class="grid_6">Some Text</div>
<div class="grid_6">Some Text</div>
</div>
</div>

问题2：

使用 MarkUp 1，我在问题开始时声明我用 Google 可视化图表替换了文本，它们的行为类似于 Question1。一张图表被推到另一张图表下方。

问题 3

我是否总是必须在网格广告达到容器宽度后指定清除。例如，

<div class="container_12">
<div class="grid_6">Some Text</div>
<div class="grid_6">Some Text</div>
<div class="clear"></div>
<div class="grid_12"></div>
</div>

问题 4

我听说clearfix的作用相同clearing，我在哪里使用它在父容器或其中的 div 上？

4

1 回答 1

1

问题 1

您需要在第一个 div 上添加一个“alpha”类来删除左边距，并在最后一个 div 上添加一个“omega”类来删除右边距。

每当您嵌套 div 时，您需要将 alpha 和 omega 类添加到第一个和最后一个 div。

<div class="container_12">
    <div class="grid_12">
        <div class="grid_6 alpha">Some Text</div>
        <div class="grid_6 omega">Some Text</div>
    </div>
</div>

问题2

这可能是因为内容即图表比 div 宽。

问题 3

仅当您要清除其上方的所有元素时才使用清除 div。

问题 4

每当你有一个里面有浮动元素的 div 时，你可以给它一个 clearfix 类来清除里面的所有东西。

于 2011-08-05T12:24:47.800 回答