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

标签 html css

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

相关文章:

javascript - HTML <输入类型 ="text"... 作为 <输入类型 ="file"

html - 如何在 div 中使用带有文本的剪辑路径?

html - 如何使用 float 右按钮进行文本输入

html - 我想将搜索栏对齐到最右边

html - 创建一个水平滚动的菜单栏

html - 流体宽度 SVG 形状上的重复图案?

css - Bootstrap3 : mobile first approach, 阻止 xs 规则应用于更大的屏幕尺寸

php - 在处理根目录中的页面时,Bootstrap 下拉菜单因文件夹中的页面而损坏。两组 php_include 相同的外部头文件

在div中压缩的固定大小的html表格单元格

internet-explorer - 使用 CSS 的 IE 8 的 3 列输出