float -ы

Razor · December 7, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title></title>
<style type="text/css">
.left {float: left; width: 15%; border: 1px solid green;}
.right {float: right; width: 15%; border: 1px solid green;}
.center {border: 1px solid red; width: 60%; margin-left: 20%;}
</style>
</head>
<body>
<div class="left">1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/></div>
<div class="right">2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/></div>
<div class="center">center
	<div style="clear: both;">nofloat div</div>
</div>
</body>
</html>

вот в диве .center есть другой див, который очищается от флоатов, но на него влиют правая и левая колонки - поэтому он сползает вниз.

Нужно же, чтобы он очищался только в центральной колонке, т.е. нужно чтобы он был с самого верху под другим текстом.

Надеюсь нормально выразился. Прошу прощения за постановку вопроса - плохо чувствую себя просто...

Помню что-то знакомое но давно не верстал и все вылетело( Спасибо

Justnewone · December 7, 2009

.center{overflow:hidden} по идее, но если будет что-то не помещаться, то начнет уходить вправо в никуда.

Можно в него еще див положить, не указывая ширины, в который разместить весь контент, включая div style="clear: both;". Ему уже overflow.

В общем, эксперементируйте.

Sign In

float -ы

Question

Razor

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Justnewone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information