CSS绝对定位元素left设为50%实现水平居中
发布时间：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%;
}
这样就能使得一个蓝色区域水平居中
相关文章
- 这篇文章主要为大家介绍了绝对定位元素被遮挡的解决方法,涉及使用css绝对定位的使用技巧,非常具有实用价值,需要的朋友可以参考下2014-12-13
- 当绝对定位元素的邻近浮动元素的宽度大于父层宽度减3时，该绝对定位元素在ie6下面会隐藏，解决方法就是调整浮动元素的宽度，即宽度小于或等于父层宽度减32014-06-05
- 设置绝地定位的元素必须设置两个相对定位的元素，也就是小A的红色框框，和小C的蓝色框框，设置他们的层级关系，下面有个示例，大家可以参考下2014-03-31
- 在某些时候可能需要将一个绝对定位的div在它的父对象中垂直居中对齐，可能用到的频率不是太高，但是偶尔也会用到，下面就简单介绍一下如何实现此功能2014-01-27
- 本文主要介绍了css的绝对定位的使用方法，大家参考使用吧2014-01-27
- 下面小编就为大家带来一篇有关绝对定位的全面理解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-20
最新评论