Ширина в %

[SnowWind]

Привет ребята

есть у меня блок .menu {width: 70%;}

а в нём тэги li {width: 10%;}

как я понимаю браузер размеры тэгов li считает от края экрана, а как сделать что бы он считал от блока .menu?

Edited July 19, 2013 by SnowWind

[mrnobody]

Вообще-то он так и считает — ширина в процентах зависит от ширины родительского блока.

http://jsfiddle.net/mrnobody/7Dukt/

Edited July 19, 2013 by mrnobody

[SnowWind]

а тогда он считает ширину от 70% или от 100%?

[mrnobody]

От 100%

Допустим у нас ширина окна браузера 1000px. Мы установили элементу UL ширину 70%, значит его ширина равна 700px (1000px * 70% / 100%). Далее мы устанавливаем ширину для элементов LI в 10%, следовательно, их ширина равна 70px (700px * 10% / 100%).

Edited July 19, 2013 by mrnobody

[mrnobody]

Вот например я задал BODY ширину в 1000px, и посмотрите значения ширины других элементов через отладчик вашего браузера.

http://fiddle.jshell...y/7Dukt/4/show/

Скриншоты на всякий случай:

http://img854.images...4/4959/vuez.png

http://img585.images...5/9957/n58m.png

Edited July 19, 2013 by mrnobody

[SnowWind]

примного благодарен, всем спасибо