1. 相对定位:使用position:relative属性,相对于元素本身原来的位置进行位置调整。 例如: div { position: relative; left: 20px; top: 10px; } 2. 绝对定位:使用position:absolute属性,相对于最近的父级元素或根元素进行位置调整。 例如: div#box { position: absolute; top: 50px; left: 100px; } 3. 固定定位:使用position:fixed属性,相对于浏览器窗口进行位置调整。 例如: nav { position: fixed; top: 0; left: 0; width: 100%; }
定位选择让开发者可以更加自由灵活地定制网页的布局,使页面的排版更加美观。但要注意,使用定位选择可能会导致元素的位置重叠或者出现遮挡情况,因此在使用时需谨慎并进行实时的调整。