CSS居中浮动元素的使用方法

　　导语：Css功能越来越完美，现在已经能做出各种各样的.样式，其中居中浮动也是Css知识点中的一个。以下是百分网小编为大家搜集的CSS居中浮动元素的使用方法，供大家参考。

　　方法一

　　设置容器的浮动方式为绝对定位

　　然后确定容器的宽高比如宽500 高 300 的层

　　然后设置层的外边距

　　CSS Code复制内容到剪贴板

　　div{

　　width:500px;

　　height:300px;

　　margin:-150px 0 0 -250px;

　　position:absolute;

　　left:50%;

　　top:50%;

　　background-color:#000;

　　}

　　方法二

　　父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。

　　CSS Code复制内容到剪贴板

　　Test Float Element Center

【CSS居中浮动元素的使用方法】相关文章：