html - 如何在另一个 div 中使用 div 控制最大宽度？

Question

现在我正在创建一个网站，我的文本框样式彼此接近，每个文本框都使用一个独特的 div。当我调整浏览器大小时，div 相互重叠，所以我正在考虑使用 max-width 将所有内容放在一起。我已经成功使用了这段代码

html {
min-width: 1000px;
max-width: 1000px;
margin: 0 auto;
height: 100%;
}

将最大宽度保持在 1000 像素，但我的文本框忽略了这一点，只是做自己的事情。我试图创建一个 div 来控制我所有的 div，但它不起作用。任何帮助将不胜感激。

HTML:http://pastebin.com/tSXwCmPfCSS:http://pastebin.com/vEzqxSRW

Answer 1

你的 <div class="wrapper">关闭错误关闭括号需要位于代码的底部，以便元素适应 min-width .

<div class="wrapper">
<img src="images/LOGO.png"/>
<ul class="menu">
<li><a href="../menu.html">Menu</a></li>
<li><a href="../map.html">Map</a></li>
<li><a href="../info.html">Store Info</a></li>
<li id="no-link">Order Now</li>
</ul>
/* other html code needs to be here */
</div> /*This </div> needs to be after your blocks */

div.wrapper {
width: 120%;
min-width: 1000px;
height: auto;
position: relative;
left: -10%;
margin-top: 17%
}