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

css中關于定位的知識點

錢多多1年前7瀏覽0評論

CSS中的定位是指通過指定元素的位置屬性,將元素放置在頁面中的特定位置。主要有五種定位方式:

<style>
/* 相對定位 */
.relative {
position: relative;
left: 50px;
top: 50px;
}
/* 絕對定位 */
.absolute {
position: absolute;
left: 100px;
top: 100px;
}
/* 固定定位 */
.fixed {
position: fixed;
right: 0;
bottom: 0;
}
/* 粘性定位 */
.sticky {
position: sticky;
top: 0;
}
/* 初始定位 */
.static {
position: static;
}
</style>

相對定位(relative)是相對于元素自身的初始位置進行移動,不會影響周圍元素的位置。默認情況下,元素的position屬性值為static,即為初始定位。

絕對定位(absolute)是相對于最近的已定位父元素進行移動,如果沒有已定位的父元素,則相對于html元素進行移動。

固定定位(fixed)是相對于瀏覽器窗口進行移動,不隨滾動條的滾動而改變位置。

粘性定位(sticky)是相對于父級容器進行移動,當元素滾動到指定位置(top或bottom值)時,將變為固定定位,否則為初始定位。

初始定位(static)是元素的默認定位方式,即按照文檔流排列元素。