Как управлять максимальной шириной, используя divs внутри другого div?

Question

Прямо сейчас я создаю веб-сайт, и у меня есть текстовые поля, близкие друг к другу, каждый из которых использует уникальный div. Когда я изменяю размер браузера, divs перебирают друг друга, поэтому я думал об использовании 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

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% }

Answer 2

Вы можете пометить как важно с шириной, чем это обыкновение игнорировать его!. Попытка:

max-width: 1000px! Important;