troll
-
Posts
142 -
Joined
-
Last visited
-
Days Won
5
Content Type
Profiles
Forums
Calendar
Store
Posts posted by troll
-
-
По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации:
<div class="upper" style="margin-bottom: 30px;">some content</div>
<div class="floated" style="float: left;">some content</div>
<div class="lower" style="margin-top: 50px;">some content</div>Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.
-
Я так понимаю, что позади фона боди только может быть фон элемента html.
Это не совсем верно: позади фона body может быть что угодно, а вот позади фона canvas, наверное, уже вряд ли что-то может быть, хотя точно я не знаю. Соль в том, что фон body переносится на canvas, только если у html background: transparent и background-image: none. Если немного модифицировать наш код
html {background: white;}
#grey_box {
width: 200px;
height: 200px;
border: solid 1px #ccc;
background: #ddd;
position: relative ;
}
#blue_box {
width: 100px;
height: 100px;
border: solid 1px #4a7497;
background: #8daac3;
position: relative;
z-index: -1;
}и применить grey_box к body, а blue_box к потомку body, то потомок скроется под фоном body.
- 1
-
если применить #grey_box к body, a #blue_box к блоку, то фон блока не будет перекрыт фоном боди. Это объясняется в книге Мейера, но я не поняла. А как ты понимаешь?
Можно я отвечу?) Я понимаю это так: background для body устанавливает background для canvas (спецификация: background), а canvas отображается "ниже" элементов с любыми z-index (спецификация: порядок отрисовки). В общем, по сути, примерно тоже самое, о чем говорил Softlink)
Float и схлопывающиеся отступы
in HTML Coding
Posted
А между .upper и .floated тогда сколько? 30px? Получается, у .upper 2 отступа (один общий с .lower, другой между .upper и .floated)?