Проценты
Internet Explorer
Chrome
Opera
Safari
Firefox
Android
iOS
6.0+
1.0+
3.5+
1.3+
1.0+
1.0+
1.0+
Описание
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна.
Синтаксис
Свойство: <число>%Допускается указывать дробное значение, например 50.3%.
Пример
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ширина в процентах</title>
<style>
table {
width: 100%; /* Ширина таблицы в процентах */
background: #f0f0f0; /* Цвет фона */
}
</style>
</head>
<body>
<table>
<tr><td>Содержимое таблицы</td></tr>
</table>
</body>
</html>