栅格布局 6.10

栅格布局
有一个可以容纳第一个栅格的行,而多个栅格行最终就组成了一个页面.在整个行之中最多只能够存在有12个栅格
例如将一个宽700px 高300px的块里面设置2*5的布局
在html里面先在大块级里面div class=“block_20" 然后在css直接.block_20 这样就可以设置所有的小块 如果设置边框大小的话会导致第五个元素跑到下面去了 这时候可以设置 box-sizing: border-box；可以往里面挤一下 这样就会按照预定的目标来。
下面是设置样式：比如说我们要在栅格前后设置文本，这样要隔绝浮动的效果，我们可以使用clear：both；