CSS絕對定位元素left設為50%實現水平居中
發(fā)布時間：2014-09-04 09:34:12 作者：佚名 
我要評論
我要評論絕對定位的元素left設為50%時，是已左上角為原點的，所以只要再使用margin屬性添加負值補償回來即可，下面示例代碼，需要的朋友可以參考下
絕對定位的元素left設為50%時，是已左上角為原點的，所以只要再使用margin屬性添加負值補償回來即可。示例：
[css]
復制代碼
代碼如下:#board{
width:60%;
padding:3%;
background:#09F;
position:absolute;
top:0px;
left:50%;
margin-left:-30%;
}
這樣就能使得一個藍色區(qū)域水平居中
相關文章
- 這篇文章主要為大家介紹了絕對定位元素被遮擋的解決方法,涉及使用css絕對定位的使用技巧,非常具有實用價值,需要的朋友可以參考下2014-12-13
- 當絕對定位元素的鄰近浮動元素的寬度大于父層寬度減3時，該絕對定位元素在ie6下面會隱藏，解決方法就是調整浮動元素的寬度，即寬度小于或等于父層寬度減32014-06-05
- 設置絕地定位的元素必須設置兩個相對定位的元素，也就是小A的紅色框框，和小C的藍色框框，設置他們的層級關系，下面有個示例，大家可以參考下2014-03-31
- 在某些時候可能需要將一個絕對定位的div在它的父對象中垂直居中對齊，可能用到的頻率不是太高，但是偶爾也會用到，下面就簡單介紹一下如何實現此功能2014-01-27
- 本文主要介紹了css的絕對定位的使用方法，大家參考使用吧2014-01-27
- 下面小編就為大家?guī)硪黄嘘P絕對定位的全面理解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-20