欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

現代瀏覽器中ctrl+u 用于切換是否顯示柵格

960的demo分為三個(gè)部分，分別展示了幾種class的用法：

top部分

分為兩豎條，24格系統中一條以30開(kāi)始，40遞增

container_24說(shuō)明將960px分為24欄豎條。實(shí)際使用950px，左右兩邊還有5px的白邊

grid_xx說(shuō)明占多少欄豎條

空白條10px

css實(shí)現：

.grid_xx{  display:inline;//防止ie6的double margin float bug  float:left;  margin-left:5px;  margin-right:5px;}.container_24 .grid_1 {    width: 30px; }

16格系統中是40的豎條 20的間隔

middle部分

30的豎條

使用prefix_xx和suffix_xx來(lái)表明占用的前后需要空有多少豎條，故prefix_xx+suffix_xx=23

css實(shí)現

.container_24 .prefix_1{    padding-left: 40px;}.container_24 .suffix_1{    padding-right:40px;}

使用效果：

注意這個(gè)部分每行class應該滿(mǎn)足grid+prefix+suffix=24

bottom部分

只有兩種

使用push_xx和pull_xx來(lái)改變div顯示順序

顯然左右與代碼順序相反

css實(shí)現：

.push_xx .pull_xx{  position:relative; }.push_xx{  left: xx px; }.pull_xx{  left:-xx px; }

使用alpha和omega來(lái)取消grid_x的左右白邊，主要用于父容器內的子元素

css實(shí)現：

.alpha{  margin-left:0; }.omega{  margin-right:0; }

clear部分

最后是和浮動(dòng)元素相關(guān)的clear問(wèn)題

原來(lái)采用div class=“clear”方法

css代碼:

.clear{  clear:both;  display:block;  overflow:hidden;  visibility:hidden;  height:0;  width:0;}

由于必須引入多余的div，故采用clear-fix方法

.clearfix:after{  clear:both;  content:’’;  display:block;  font-size:0;  line-height:0;  visibility:hidden;  width:0;  height:0;}

上面采用after假類(lèi)形成插入div clear一樣的效果。

* html .clearfix,                            //ie6*:first-child+html .clearfix{      //ie7  zoom:1; }

消除ie6,7的問(wèn)題 ie5不再考慮了