100％Div與居中，固定寬度的內部Div

我碰到一個CSS問題，我需要一些建議。我有一個包含固定寬度的100％div。在27「時，一切看起來都很好 - 黃色div完全居中。100％Div與居中，固定寬度的內部Div

當我調整窗口大小時，黃色固定條仍然可見，但只要向右滾動，100％div就不會調整爲當前寬度。

<html> 
    <head> 
     <title></title> 
    </head> 
    <body> 

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />  

    <style type="text/css">  

    #footer { 
     background-color: #333333; 
     color: #ffffff; 
     margin-top: 35px; 
     padding-bottom: 30px; 
     padding-top: 15px; 
     position: relative; 
     bottom: 0px; 
     font-size: 90%; 
    }  

    #inner { 
     background-color: #feb400; 
     width: 960px; 
     margin-left: auto; 
     margin-right: auto; 
    }  

    </style>  

    <body> 
    <footer id="footer"> 
     <div id="inner">lorem ipsum div.</div> 
    </footer> 
    </body> 
</html>

http://jsfiddle.net/nghg4zd5/

我想有黑，100％-div總是beeing調整。我怎樣才能做到這一點？

感謝。

來源

2014-11-21 sullivan

如果你想在外層div留100％，那麼你應該使用'MAX-width'爲你內心的div - HTTP：// jsfiddle.net/nghg4zd5/1/ – Pete 2014-11-21 10:19:46

我不明白你的問題。請解釋一下你需要什麼 – 2014-11-21 10:20:08

試試這個，你應該使用最小寬度在100樣式屬性％DIV（如相同的內部寬度值）

jsfiddle demo

來源

2014-11-21 10:53:14 Nandhakumar

您正試圖對固定更改（以像素爲單位）進行相對更改。爲了達到這個目的，你需要設置內部div以使其具有相對寬度（即以百分比形式），以使其在右邊的伸展部分可見（按照你的小提琴）。

例如，

#inner { 
    background-color: #feb400; 
    margin-left: auto; 
    margin-right: auto; 
    width: 92%; 
}

Working demo

希望這有助於。

來源

2014-11-21 10:20:25 Nitesh

爲了讓您的DIV寬度你必須做出其父（含格）100％這裏的主體，具有固定的寬度：

試試這個，例如：

body { 
    width: 960px; 
}

來源

2014-11-21 10:22:06

你需要width:100%;用max-width:960px;

#inner { background-color: #feb400; width: 100%; max-width: 960px; margin-left: auto; margin-right: auto; }

來源

2014-11-21 10:36:24 BobyCode

100％Div與居中，固定寬度的內部Div

回答

相關問題