Question

我做了以下工作，

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

结果：内部有两个盒子，左右边距为10px。

问题1：

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

<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中使用它？

Answer 1

问题1

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

无论何时嵌套div，都需要在第一个和最后一个div中添加alpha和omega类。

<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

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

问题4

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

关于使用960gs的基本问题

1 个答案: