欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css-div定位詳解

江奕云1年前8瀏覽0評論

CSS-Div是用來布局的一種標簽,在網頁制作中被廣泛使用。

CSS-Div的定位方式分為絕對定位和相對定位,其中相對定位又分為靜態相對定位和動態相對定位。

以下為CSS-Div的定位方式詳解:

/* 絕對定位 */
position: absolute;
top: ;
left: ;
right: ;
bottom: ;
/* 相對定位 */
position: relative;
top: ;
left: ;
right: ;
bottom: ;
/* 靜態相對定位 */
position: static;
/* 動態相對定位 */
position: fixed;
top: ;
left: ;
right: ;
bottom: ;

絕對定位是相對于網頁的左上角進行定位的,通過設置top、left、right、bottom的值來確定其位置。

相對定位是相對于元素本身原始位置進行定位的,同樣可以設置top、left、right、bottom的值來進行調節。

靜態相對定位是元素默認的定位方式,不進行任何的定位移動。

動態相對定位與絕對定位類似,不過是相對于瀏覽器窗口進行定位。

除了以上介紹的定位屬性,還有z-index屬性用于控制元素的層級關系。

/* 控制層級關系 */
z-index: ;

使用CSS-Div可以靈活地布局網頁,實現更加精美的效果。