的左侧和右侧的div来居中DIV

-2

<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 divs有固定的高度和宽度，我想保持集装箱居中。我怎样才能做到这一点。

来源

2013-03-04 user1829716

所以你想保持.container居中，但例如，左栏会比右栏宽吗？ – 2013-03-04 20:47:59

.container如何居中？似乎是左边飘动。 – 2013-03-04 20:49:42

考虑重写这个。很难回答这个问题。 – 2013-03-04 20:51:05

可以使用float:left和float:right设置DIV上侧（.wrapper内）定义了两个风格，你应该考虑从.container类

来源

2013-03-04 20:48:42 Jaay

去除float:left在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

来源

2013-03-04 20:58:07 ricardopxl

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

来源

2013-03-04 21:00:43

的左侧和右侧的div来居中DIV

回答

相关问题