高分寻求详细解答！DIV+CSS布局如何专门定义间距的类来调用，如：区块之间的间距如何定义一个专门的类？

Question

我用DIV+CSS定位时常用margin间距来使用，今天群里有个人提醒我说这样容易出错，调试又比较麻烦，现在很多门户网都是专门定义一个间距的类来调用。他给了一个例子：.px{hight:10px;clear:both;font-size:0}
然后<div class=1></div>
<div class=px></div>
<div class=2></div>但是我看的不是很明白，大家能说详细点吗？有简单的例子更好，拜托大家！！
大家能再说详细点吗？另外据个例子

Answer 1

写一个类如:
.public{height:10px; clear:both;}当然你可以根据你的要求来添加更多的样式.然后在遇到需要间距的时候,再用class调用这个public类就可以了.可以把找当成公共的类.

Answer 2

.px.... 这个是定义了一个CSS样式，只要你在html标签的class设置成px就会应用这个样式

然后 在你的两个DIV之间加上一个 <div class=px></div>
的话就会自动产生一个10px的高度的层，这样就达到了间距的目的了啊，呵呵

Answer 3

.px{hight:10px;clear:both;font-size:0}
目的确实是想产生一个10像素高的层，不过我觉得这样会更保险些。
.px{clear: both; hight: 10px; width: 100%; overflow: hidden}
如果不加这个overflow:hidden，有可能你发现它的高度远大于10像素。

Answer 4

<div class="px"></div>这个方法真不错，你控制高度不用定义每个div了。
class属性名称有点不标准外。

不明白的话等于
.c1,.c2{
margin:10px 0;padding:0;/*css盒子原则，抵消最大1px*/
}
<div class=c1></div>
<div class=c2></div>本回答被网友采纳

Answer 5

为了达到下面空10px的目的，你是不是每个box写margin-bottom:10px？

它就是在两个box之间加了一个10px高的空div而已，这样就不用写margin了。

div
10px高的div
div

不过我不太喜欢这种做法。