的左側和右側的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

回答

相關問題