-2

您好，我正在使用 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，并且我想保持类容器居中。我怎样才能做到这一点。

4

3 回答 3

2

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

于 2013-03-04T20:48:42.940 回答
1
  1. <!Doctype html>在您的 HTML 代码中声明<!Doctype html><head></head><body></body></html>

  2. 你新的 CSS：

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

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

并准备好了。

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

Saludos rebocano.com

于 2013-03-04T20:58:07.367 回答
0

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

于 2013-03-04T21:00:43.387 回答