html div浮动居中显示,CSS居中浮动元素的使用方法

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居中浮动元素的使用方法】相关文章：