Question

我知道浮动div主题上有一百个主题，但我找不到我的问题的答案，因为某些原因对我没什么用。我有一个父div，我想在其中放置两个静态div，一个在右边，一个在左边，另一个div包含浮动在它们之间的主要信息，即它们之间的距离相等。但由于某种原因，它不适合我。我所做的每一次改变都会将右侧div向下踢或将主要div放到右侧\左侧。这是我的代码：

<html>
<head>
<link rel = "stylesheet" href = "tryout.css">
</head>
<body>
    <div id="super_wrap">
    <div class="ADDVERTISEMENT"><img src="add.jpg" /></div>
    <div id="wrap">
    some data
    </div>
    <div class="ADDVERTISEMENT2"><img src="add.jpg" /></div>
    </div>

</body>
</html>

和css：

.ADDVERTISEMENT{
margin-top:10px;
float:left;
margin-left:0 auto;
margin-right:0 auto;
}
.ADDVERTISEMENT2{
margin-top:10px;
float:right;
margin-left:0 auto;
margin-right:0 auto;
}
#wrap {
display: inline-block;
width:960px;
padding:10px;
background:red;
margin-left:0 auto;
margin-right:0 auto;
}
#super_wrap{
width:100%;
display: inline-block;
}

Answer 1

放

text-align:center

在#super_wrap上

，在#wrap之后将#ADDVERTISEMENT2移至第三位。然后#wrap元素应居中。

注意：如果#wrap

内的所有3个空间不足，您仍会#super_wrap进入下一行

这是一个工作小提琴：http://jsfiddle.net/qN4Tp/

Answer 2

你有一些错误的css声明，这会导致你的问题：

margin-left:0 auto;
margin-right:0 auto;

应用简写仅适用于margin:，但不适用于margin-right:

要么margin:0 auto;或

margin-left:auto;
margin-right:auto;

如果你想让中间div显示在中间，你可以尝试这样订购你的html：

的Ad1 AD2 涡卷

参见演示： http://jsbin.com/oqujet/1/edit

在父级内创建一个浮动div和两个静态div

2 个答案: