Question

您好我正在使用div来处理以中心为中心的内容

   <div class="wrapper">
  <div class="container">
    <h1> content</h1>

  </div>
</div>

使用以下CSS：`

.wrapper 
{
    width:1000px;
    height:auto;
    position:relative;
    margin:10px auto;

}

.container
{
    width:70%;
    margin:auto;
    background:#fff;
    float:left;

}

现在我想将右边框和左边框放置在居中的div两个具有固定高度和宽度的div上，我希望保持类容器居中。我怎么能这样做。

Answer 1

您可以使用float:left和float:right定义两个样式来设置div（在.wrapper内），您应该考虑从.container类中删除float:left

Answer 2

在您的HTML代码<!Doctype html>

<!Doctype html><head></head><body></body></html>

你新的CSS：

.wrapper { width:100%; min-height:200px; margin:10px; }

.container { width:70%; margin: 0 auto; background:#fff; }

准备好了。

我创建了这个示例jsfiddle.net/8D7Yd

Saludos rebocano.com

Answer 3

你应该重写你的问题。如果这是你想要的：http://jsfiddle.net/

在左边和右边一个div到居中的div

3 个答案: