CSS中的絕對定位在布局設(shè)計(jì)中是非常常見的一種技巧，利用它可以方便地實(shí)現(xiàn)某些組件的定位。但在使用絕對定位時(shí)，有時(shí)會出現(xiàn)不希望的影響。這時(shí)，我們需要清除絕對定位。

清除絕對定位的方法很簡單。只需要為父元素添加下面這一行CSS代碼：

position: relative;

這樣設(shè)置后，子元素即使采用絕對定位，也會以父元素為參考點(diǎn)進(jìn)行定位。如下面這段HTML代碼：

<div class="wrapper">
<div class="box" style="position: absolute; top: 0; left: 0;">我是絕對定位的</div>
</div>

如果不清除絕對定位，那么.box元素將會以瀏覽器窗口為參考點(diǎn)進(jìn)行定位。而如果給.wrapper元素添加position: relative;后，.box元素的位置將會以.wrapper元素為參考點(diǎn)進(jìn)行定位。

清除絕對定位的操作非常簡單，但能夠避免很多不必要的問題。希望本文能夠?qū)Υ蠹矣兴鶐椭?/p>