Свойство width устанавливает ширину
элемента. Значением свойства служат любые
единицы
для размеров либо ключевое свойство auto,
предоставляющее браузеру самостоятельно вычислять
размер элемента (поведение по умолчанию).
Синтаксис
селектор {
width: значение;
}
Пример
Установим ширину элемента в 300px:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid black;
}
:
Пример
Давайте сделаем так, чтобы элемент занял
70% от ширины своего родителя (в нашем
случае это будет окно браузера):
<div id="elem"></div>
#elem {
width: 70%;
height: 100px;
border: 1px solid black;
}
: