CSS边距自动不居中浮动元素

时间:2011-11-10 02:24:00

标签: css css-float margins

我遇到了一个以div元素为中心的问题。我想要居中的div元素应用了以下样式:

width: 60%;
float:right;
margin-left: auto;
margin-right: auto;
min-width: 300px;

唯一的父标记是body标记,它应用了以下样式:

width:100%;
overflow-x:hidden;

元素不是居中,而是与右边对齐。我之前将元素设置为“float:left”,并且我没有将它居中的问题,但是当我将其更改为“float:right”时,元素不再居中。

3 个答案:

答案 0 :(得分:5)

您需要删除float:right

答案 1 :(得分:1)

从样式中删除float: right;

答案 2 :(得分:0)

如果你真的想要浮动元素的中心,那么本文适合你:

http://mauzon.com/dev/centered_nav/ - 由Alex Mauzon主导的导航。

但这是一种变态。