CSS中有許多屬性可以設置負值,比如margin、padding、border等等。但是其中有一個屬性特別常用,那就是position屬性。
position屬性可以設置元素的定位方式,有四種取值:static、relative、absolute和fixed。其中,只有relative、absolute和fixed取值可以設置負值。
當position取值為relative時,元素的位置相對于其原來的位置偏移,可以使用負值讓元素向左或向上移動。例如:
p{ position:relative; left:-20px; top:-30px; }當position取值為absolute或fixed時,元素的位置相對于其最近的定位父元素偏移,如果沒有定位父元素,將相對于文檔進行偏移。同樣,可以使用負值讓元素向左或向上移動。例如:
p{ position:absolute; left:-20px; top:-30px; } p{ position:fixed; left:-20px; top:-30px; }需要注意的是,使用position屬性進行定位的元素,會脫離文檔流,其他元素會填補其原來的位置。所以在使用負值移動元素時,需要注意元素的遮蓋情況,避免影響到其他元素的顯示。
上一篇next vue
下一篇domino vue