нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
 
|
 Добавлено: 26/06/11 в 21:43 |
Есть некий id - #submenu {font-size:24px} внутри <div id=submenu><span><span></div> этот самый <span> наследует этот font-size:24px. Можно ли как-то заставить <span> не наследовать шрифт или вобще ничего не наследовать?
|
|
|
|
| |
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
| Добавлено: 26/06/11 в 22:17 |
вроде как нет, тока переопределить нужный формат
по сути логично, каким-то он должен быть
|
|
|
|
| |
С нами с 24.06.10
Сообщения: 2686
Рейтинг: 543
|
| Добавлено: 26/06/11 в 22:52 |
ну фонт будет ( и должен) наследоваться, просто что мешает сделать что-то типа:
#submenu span {font-size: 14px;}
|
|
|
|
| |
нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
|
| Добавлено: 26/06/11 в 22:59 |
Так и сделал.
|
|
|
|
| |
С нами с 05.05.05
Сообщения: 9405
Рейтинг: 1844
|
| Добавлено: 27/06/11 в 18:21 |
Позвольте расширить вопрос. С шрифтом все тривиально - переназначим новый размер для потомка и готово. А вот , что то не могу додуматься как сделать чтобы потомок не наследовал ширину родителя? Поясню, если width для класса А определена в 800px , а хотелось бы, что бы класс Б, находящийся внутри класса А, мог получить ширину 100%, т.е. во всю ширину окна браузера, например 1200px.
|
|
|
|
| |
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
| Добавлено: 27/06/11 в 18:55 |
| Jabar писал: | | ... если width для класса А определена в 800px , а хотелось бы, что бы класс Б, находящийся внутри класса А, мог получить ширину 100%, т.е. во всю ширину окна браузера, например 1200px. |
 раз Б внутри А, то как он будет шире А?
|
|
|
|
| |
С нами с 05.05.05
Сообщения: 9405
Рейтинг: 1844
|
| Добавлено: 27/06/11 в 19:05 |
Я правильно понял, что заставить потомок НЕ наследовать ширину родителя технически не возможно?
P.S. Под "внутри" я имел ввиду синтаксическое расположение, типа
<div class=A>
<div class=B>
...
</div>
</div>
P.P.S. | SAV писал: | | раз Б внутри А, то как он будет шире А? |
Ну вообще природа удивительна - лампочка может быть внутри стеклянной колбы, а свет будет простираться гораздо дальше стенок колбы 
|
|
|
|
| |
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
| Добавлено: 27/06/11 в 19:45 |
| Jabar писал: | | Я правильно понял, что заставить потомок НЕ наследовать ширину родителя технически не возможно? |
потомок внутри родителя, и за его пределы не выходит, т.е. 100% ширины для потомка - это ширина родителя... вариации превышения габаритов объекта внутри дива, за счет чего сам див вытягивается можно отнести к ошибке расчетов, а не технической возможности
| Jabar писал: | | Ну вообще природа удивительна - лампочка может быть внутри стеклянной колбы, а свет будет простираться гораздо дальше стенок колбы |
лампочка же не простирается
|
|
|
|
| |
нет судьбы
С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204
|
| Добавлено: 27/06/11 в 21:30 |
Прикольный пример с лампочкой!
|
|
|
|
| |
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
| Добавлено: 27/06/11 в 21:41 |
| Jabar писал: | | А вот , что то не могу додуматься как сделать чтобы потомок не наследовал ширину родителя? Поясню, если width для класса А определена в 800px , а хотелось бы, что бы класс Б, находящийся внутри класса А, мог получить ширину 100%, т.е. во всю ширину окна браузера, например 1200px. |
а додумываться не надо, надо маны курить. width не наследуемое свойство
<div><div> </div></div> - блочный див внутри - по-умолчанию имеет ширину внешнего дива. никакую другую сам по себе ширину он не имеет. причем это расчетная величина(расчитываемая движком браузера, в нее входят маргины-паддинги-бордеры-и сама ширина), а не выставленная принудительно 100%(в эту ширину не входят маргины-паддинги-бордеры). ну а размерность "проценты" - от ширины родителя. тебе надо внешний див position:relative, внутренний position:absolute, и для него уже задавать ширину в пикселях 1200. без позиционирования это засовывание большой деревянной рамки в маленькую. причем в одной плоскости. позиционирование выдергивает внутренний див из static-потока, и привязывает точки отсчета к внешнему. он какбы над внешним будет. в другой плоскости
|
|
|
|
пришел к победе коммунистического труда
|
1
|
|
| |
С нами с 24.06.10
Сообщения: 2686
Рейтинг: 543
|
| Добавлено: 27/06/11 в 21:44 |
| Jabar писал: | | А вот , что то не могу додуматься как сделать чтобы потомок не наследовал ширину родителя? |
ну просто сделать потомка float/inline/inline-block, типа как-то так:
| Код: |
...
<style>
body {margin: 0; padding: 0; border: none;}
#outer {width: 800px; height: 50px; margin: 0 auto; background: #ccc;}
#inner {display: inline-block; background: #FFC;}
</style>
</head>
<body>
<div id="outer">
<div id="inner">I'm Inner inline-block!</div>
</div>
</body>
...
|
| Jabar писал: | | Я правильно понял, что заставить потомок НЕ наследовать ширину родителя технически не возможно? |
возможно, если вырвать потомка из потока, например, как-то так
| Код: |
...
<style>
body {margin: 0; padding: 0; border: none; position: relative; min-width: 800px;}
#outer {width: 800px; height: 50px; margin: 0 auto; background: #ccc;}
#inner {width: 100%; height: 30px; position: absolute; top: 10px; left: 0; background: #FFC;}
</style>
</head>
<body>
<div id="outer">
<div id="inner">I'm Inner with absolution position</div>
</div>
</body>
...
|
зы: ну плюс плюшки для IE6/7
зыы: упс, не заметил пост FXIX, ну да, вот такими путями)
|
|
|
|
| |
С нами с 05.05.05
Сообщения: 9405
Рейтинг: 1844
|
| Добавлено: 28/06/11 в 08:16 |
спасибо, понял 
|
|
|
|
| |
