overflow:hidden

kvant · March 16, 2011

Есть некоторый код (для примера)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>
<style>
div {
}
ul {
	list-style-type:none;
    margin: 0;
	padding: 0;
}
li {
	float: left;
	margin: 3px;
}
</style>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<div>
bla-bla-bla
</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>

Посмотреть как работает можно здесь

В этом примере все криво и не так как нужно.

Проблему исправляет overflow: hidden для элемента ul. См. Посмотреть как работает можно здесь

Хотелось бы понять как все это работает. Почему без overflow все криво, а с ним нормально?

Насколько вообще корректен этот код, может можно сделать проще?

Justnewone · March 17, 2011

Позновательно, я думал что просто перевод строки так о себе дает знать.

Sign In

overflow:hidden

Question

kvant

Link to comment

Share on other sites

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

51 answers to this question

Recommended Posts

Justnewone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information