中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

4. position:relative + position:absolute

如果我們給 div-1 設(shè)置 relative 定位，那么 div-1 內(nèi)的所有元素都會(huì)相對(duì) div-1 定位。如果給 div-1a 設(shè)置 absolute 定位，就可以把 div-1a 移動(dòng)到 div-1 的右上方。

#div-1 {
 position:relative;
}
#div-1a {
 position:absolute;
 top:0;
 right:0;
 width:200px;
}

5. 兩欄絕對(duì)定位

現(xiàn)在就可以使用相對(duì)定位和絕對(duì)定位來(lái)做一個(gè)兩欄布局了。

#div-1 {
 position:relative;
}
#div-1a {
 position:absolute;
 top:0;
 right:0;
 width:200px;
}
#div-1b {
 position:absolute;
 top:0;
 left:0;
 width:200px;
}

6. 兩欄絕對(duì)定位定高

一種方案是給元素設(shè)定固定高度。但這種方案對(duì)大多數(shù)設(shè)計(jì)來(lái)說(shuō)不太適合，因?yàn)橐话阄覀儾恢�道元素中�?huì)有多少文本，或者將要使用的精確的字號(hào)。

#div-1 {
 position:relative;
 height:250px;
}
#div-1a {
 position:absolute;
 top:0;
 right:0;
 width:200px;
}
#div-1b {
 position:absolute;
 top:0;
 left:0;
 width:200px;
}

出處：帕蘭映像
責(zé)任編輯：bluehearts

上一頁(yè) CSS定位屬性Position詳解 [1] 下一頁(yè) CSS定位屬性Position詳解 [3]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。