如何将div放在2个浮动div之间

Question

嗨，我的内容div在左右侧边栏之间存在问题。我的左侧和侧边栏是浮动的，没有float:center。我可以使用填充的唯一方法是使用填充，但这使得我的中心div位于我的侧边栏下面。

Answer 1

围绕所有3个div创建一个包装器，然后使用边距

定位居中的div

<div id="wrap">
 <div id="left" style="float: left"></div>
 <div id="content" stlye="float: left: margin: 0 auto;"></div>
 <div id="right" stlye="float: left"></div>
</div>

Answer 2

浮动基础将是：

<div id="left"> Left</div>
<div id="right" >right</div>
<div id="middle">in between, but after</div>

#left {float:left;width:XX;}
#right {float:right;width:XX;}
#middle {overflow:hidden; margin:0 XX;}

你也可以寻找其他方法来保持div [left] [middle] [right]中的div，就像使用：display：table / table-cell |内联块|弯曲。

Answer 3

这是一个有效的one。

使用 margin：0 auto; 将使您的元素在大多数时间居中。 （快速注意：您的元素必须具有声明的宽度才能生效。）

margin：0 auto; 规则是0上下边距以及自动左右边距的简写。自动左右边距一起工作，将元素推入容器的中心。

margin：0 auto; 设置在每个居中情况下都不能完美运行，但它可以在很多场景中运行。
参考：You Can't Float Center with CSS  

的 HTML

<div class="leftsidebar">a</div>
<div class="rightsidebar">b</div>
<div class="content">c</div>

<强> CSS

.leftsidebar 
{ 
height: 608px; 
width: 60px; 
background:red; 
float:left; } 

.rightsidebar 
{ 
background:blue; 
height: 608px; 
width: 163px; 
float:right; 
} 

.content 
{ 
width: auto; //or any width that you want
margin:0 auto;
background:yellow;
}

Answer 4

<div style="widht: 960px;">
    <div class="content left">left</div>
     <div class="content center">center</div>
      <div class="content right">right</div>
      <div style="clear:both"></div>
</div>

这里是css

.content {
float: left;
}

.left , .right{
width : 180px;
margin : 0 10px;
}

.center{
widht: 540px;
margin : 0 10px;

}