Как привязать innerHTML к диву с position relative?
Сабж. У меня че-то уходит вниз страницы. Пробовал вставлять внутрь спаны, дивы, параграфы, все то же самое.
вот простой пример
<html>
<head>
<style>
body{background: grey}
.w{float:left; background: blue; height: 100px; width: 50px}
.d{
position: relative;
border: 5px solid black;
height: 40px; width: 40px;
}
</style>
</head>
<body>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="w"></div>
<div class="d"></div>
<div class="d">foo</div>
<div class="d"></div>
<div class="d"></div>
</body>
</html>
jsfiddle: https://jsfiddle.net/w2nw3743/ |
.d{clear:both}
Вот что у тебя происходит, только упрощенно:
<!DOCTYPE html>
<style>
.floated{
float: left;
background: blue;
width: 100px;
height: 100px;
opacity: 0.5;
}
.reqular{
background: red;
}
</style>
<div class="floated"></div>
<div class="reqular">abc cde<br>efg</div>
Таким образом, floated блоки не влияют на позиционирование других блоков, но при этом смещают их содержимое. |
| Часовой пояс GMT +3, время: 05:15. |