clear: left не убирает обтекание при стиле "div div { float: left

iillyyaa2 · May 29, 2011

<div style="clear: left;"></div> в такой конструкции не отрабатывает

<!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">
<style>
div {
	display: block;
	position: relative;
}
div div {
	margin: 0 3px 3px 3px;
	float: left;
}
</style>


	<div style="border: 1px solid yellow;">
		<div style="border: 1px solid red;">11111</div>
		<div style="border: 1px solid blue;">22222</div>
		<div style="clear: left;"></div>
	</div>
	<div style="border: 3px solid green;">33333</div>

в скомпилированном стиле для блока показывает:

float left
clear left

можно это как то побороть ?

psywalker · May 29, 2011

iillyyaa2 · May 29, 2011

psywalker, хорошая идея, не подумал чё то думал уже стили дописывать

блин, по хорошему всё равно не работает

<style>
.clear_left {
	clear: left;
	float: none;
}
</style>

<div class="clear_left"></div>

float-ы уменя идут из файла отдельного, и они затираются стилем div div

приоритет как выставляется ?

при этом, если в тестовый файлик кидаю, работает...

вот такой текст работает... а когда в собранном макете, нет

<!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">
<style>
div {
	display: block;
	position: relative;
}
.clear_left {
        clear: left;
        float: none;
}
div div {
	margin: 0 3px 3px 3px;
	float: left;
}


</style>


	<div style="border: 1px solid yellow;">
		<div style="border: 1px solid red;">11111</div>
		<div style="border: 1px solid blue;">22222</div>
		<div class="clear_left"></div>
	</div>

	<div style="border: 3px solid green;">33333</div>

<link rel="stylesheet" type="text/css" href="bbut.css?1" />
	<link rel="stylesheet" type="text/css" href="index.css?2" />
	<link rel="stylesheet" type="text/css" href="background_position.css?1" />
	<link rel="stylesheet" type="text/css" href="floats.css?1" />

div div лежит в index.css

clear_left лежит в floats.css

файрбаг все стили перечёркивает и див див оставляет

psywalker · May 29, 2011

div div {

вот такую хрень вообще никогда не делай, это вещь тебя погубит.

iillyyaa2 · May 29, 2011

psywalker, у меня не "div div" я сюда для простоты так написал, т.к. больше вложенного в этом коде ничего нет

<!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">

<style>
div {
	display: block;
	position: relative;
}
div.ddd div {
	margin: 0 3px 3px 3px;
	float: left;
}
div.clear_left {
	clear: left;
	float: none;
}

</style>
<div class="ddd" style="border: 1px solid yellow;">
	<div style="border: 1px solid red;">11111</div>
	<div style="border: 1px solid blue;">22222</div>
	<div class="clear_left"></div>
</div>
<div style="border: 3px solid green;">33333</div>

не работает

div.ddd div приоритетнее

хотя если написать стиль div div работает

но боюсь я не смогу построить так сайт

может туда засунуть вместо дива <p class="clear_left"></p> ? )

Edited May 29, 2011 by iillyyaa2

psywalker · May 29, 2011

Попробуй селекторы атрибута, например div[style] {}

iillyyaa2 · May 29, 2011

думал уже, но те дивы чистые... у них нет ни класса, ни стиля...

я пока прописал:

<div class="clear_left" style="clear: left;float: none;"></div>

а потом может найду решение...

на данном этапе это не критично.. но в дальнейшем может усложнить задачу.. в каких то других проектах

ну или можно написать такое:

div.ddd div.clear_left {
	clear: left;
	float: none;
}

что бы затёртое востанавливал... но блин, как то это не правильно... столько лишнего кода...

Edited May 29, 2011 by iillyyaa2

psywalker · May 29, 2011

Да, код неправильный и неграмотный.

iillyyaa2 · May 29, 2011

div.dBox div.float_left {
	margin: 0 3px 0 3px;
	float: left;
}


<div class="float_left">2222</div>

вот так сделал добавил им стиль и теперь лишнее не затирают

Edited May 29, 2011 by iillyyaa2

psywalker · May 29, 2011

div.dBox div.float_left {
	margin: 0 3px 0 3px;
	float: left;
}


<div class="float_left">2222</div>
вот так сделал добавил им стиль и теперь лишнее не затирают

Sign In

clear: left не убирает обтекание при стиле "div div { float: left

Question

iillyyaa2

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

iillyyaa2

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

iillyyaa2

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

iillyyaa2

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

iillyyaa2

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information