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%.
Пример
<!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>
Сайт