如何使用另一个div中的div控制max-width?

时间:2016-10-25 06:12:03

标签: html css

现在我正在创建一个网站,我的文本框样式彼此接近,每个都使用一个独特的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

2 个答案:

答案 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;

相关问题