2 div в одну линию при неизвестной ширине родительского div

Nilagor · October 28, 2011

есть примерно такая ситуация

</div>

div.1 {

float: left;

width: auto;

}

div.2 {

float: left;

width: 83%;

}

Ширина div.0 не известна, т.к. это схема организации комментариев, а при "комментарии на комментарий" div.0 смещается вправо и соответственно сужается. Можно ли сделать так, что бы div.2 растягивался на всю ширину от правого края div.1 до правого края div.0?

ceil100 · October 28, 2011

зачем ему ширина если хочешь его растягивать?

ширину нужно диву 1 задавать

в каком из дивов будут комментарии?

zSpx · October 28, 2011

div.1 {
width: auto;
margin-right: 83%;
}

div.2 {
float: right;
width: 83%;
}

<div class="2"></div>
<div class="1"></div>

Great Rash · October 28, 2011


div.1 {
  overflow: hidden;
}

div.2 {
  float: right;
  width: 83%;
}

<div class="2"></div>
<div class="1"></div>

Nilagor · October 28, 2011

зачем ему ширина если хочешь его растягивать?
ширину нужно диву 1 задавать
в каком из дивов будут комментарии?

Ширина у него прописана чисто что бы была =)

в первом диве только аватар, во втором автор, дата, текст комента и ссылки (ответить, удалить и тп)

ceil100 · October 28, 2011

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		body,html{margin:0;padding:0;}
		.left{float:left;width:100px;}
		.right{margin-left:100px;}
	</style>
</head>
<body>
	<div class="wrap">
		<div class="left">left </div>
		<div class="right">right </div>
	</div>
</body>
</html>

Edited October 28, 2011 by ceil100

Sign In

2 div в одну линию при неизвестной ширине родительского div

Question

Nilagor

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

ceil100

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Nilagor

Link to comment

Share on other sites

ceil100

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information