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

回答

相关问题