现在我正在创建一个网站,我的文本框样式彼此接近,每个都使用一个独特的div。当我调整浏览器的大小时,div会相互重叠,所以我在考虑使用max-width将所有内容保持在一起。我已成功使用此代码
html {
min-width: 1000px;
max-width: 1000px;
margin: 0 auto;
height: 100%;
}
保持最大宽度为1000px,但我的文本框忽略了这一点,只是做了自己的事情。我试图创建一个div来控制我所有的div,但它不起作用。非常感谢任何帮助。
HTML:http://pastebin.com/tSXwCmPf CSS:http://pastebin.com/vEzqxSRW
答案 0 :(得分: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%
}
答案 1 :(得分:0)
你可以标记为!重要的宽度,而不是忽略它。请尝试以下方法:
max-width:1000px!important;