roman8p8
-
Posts
1 -
Joined
-
Last visited
roman8p8's Achievements
Explorer (1/14)
0
Reputation
-
Доброго вам времени суток! Появилась у меня такая проблема со смещением контента: по какой-то причине из родительского элемента(желтый фон) вылезают дочерние элементы(зеленый фон) причем у родительского элементы не задана высота вообще. Как добиться чтобы эти ссылки не вылезали по а родительский элемент автоматический разтягивался по высоте чтобы вмещать себя все дочерние элементы. Вот скриншот моего безобразного результата верстки. Я специально закрасил все элементы для лучшей наглядность(красный(#wrapper) желтый(#content) зеленый(#content a) голубой верхнии бордер(#footer)) Вот CSS код: <style type="text/css"> #wrapper{background-color:red; width:960px; } #content{background-color:yellow; width:960px; min-height:100px; } #content a{background-color:green; display:block; width:240px; height:240px; margin-bottom:10px; } #footer{border-top:5px solid blue; width:960px; height:300px; margin-top:10px; } #content #r_block{ float:right; padding:0 55px 0 15px; } </style> Вот HTML код: <body> <div id="wrapper"> <div id="content"> <div id="r_block"> <a href="picture02/wagon.jpg" target="_blank"></a> <a href="picture02/t37.jpg" target="_blank"></a> <a href="picture02/f57.jpg" target="_blank"></a> </div> </div> <div id="footer"></div> </div> </body>