как добавить две ширины к одному классу в CSS

Question

Я хочу использовать min-width и width для класса. Это возможно?

Могу ли я использовать следующий код:

.container
{

min-width:1000px;
width:100%;
height:100%;
overflow:hidden;
}

Спасибо

Answer 1

Использование минимальной ширины и ширины для одного селектора хорошо, это часто является основой для большинства текучих макетов.

Однако в IE6 отсутствует поддержка свойства min-width;вместо этого он интерпретирует свойство width как min-width и будет расширяться по ширине настолько, насколько это необходимо для неразрывного содержимого.Но, судя по вашему коду, это не поможет вам, потому что любой контент шириной более 1000 пикселей, скорее всего, будет иметь разрывы (пробелы между словами и т. Д.).

Если вы хотите, чтобы это работало в IE6,Скорее всего, вам нужно будет включить решение Javascript.Что-то вроде:

if(element.scrollWidth < 999) {
  element.style.width = 1000;
} else {
  element.style.width = "100%";
}

Примечание. Мой код - не просто решение для копирования / вставки, а скорее отправная точка для уточнения и применения к вашим конкретным потребностям.

Answer 2

Да этот код в порядке .Это означает, что контейнерный контейнер будет занимать всю ширину браузера, или 1000 пикселей, в зависимости от того, что самое длинное.

Answer 3

Да. Ваш код действителен. элемент .container сначала будет занимать не менее 1000 пикселей, а если будет доступно больше ширины, он будет охватывать всю ширину экрана (из-за ширины: 100%)

Answer 4

IE не будет исключать свойство min-width css, а ширина вашего контейнера будет равна его родительскому контейнеру, т.е. 100%.Хотя, если вы хотите включить свойство min-width в IE, вам нужно обработать родительский контейнер над элементом .container. Вот учебник http://www.webreference.com/programming/min-width/