现在我正在创建一个网站,我的文本框样式彼此接近,每个文本框都使用一个独特的 div。当我调整浏览器大小时,div 相互重叠,所以我正在考虑使用 max-width 将所有内容放在一起。我已经成功使用了这段代码
html {
min-width: 1000px;
max-width: 1000px;
margin: 0 auto;
height: 100%;
}
将最大宽度保持在 1000 像素,但我的文本框忽略了这一点,只是做自己的事情。我试图创建一个 div 来控制我所有的 div,但它不起作用。任何帮助将不胜感激。
HTML:http://pastebin.com/tSXwCmPf CSS:http://pastebin.com/vEzqxSRW
最佳答案
你的 <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%
}
关于html - 如何在另一个 div 中使用 div 控制最大宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40232561/