Я знаю, что этот вопрос будет звучать очень просто, но я просто не могу его исправить . У меня есть контейнер div, и я пытаюсь расположить дочерний div справа. Я попытался позиционировать контейнер div с помощью relative, а затем позиционировать дочерний div с помощью absolute, но родительский div теряет свою ширину.
Пожалуйста, имейте посмотрите на изображение выше, Мне нужно, чтобы div1 располагался справа от divContainer. У меня есть другие вложенные div в divContainer, мне нужно, чтобы справа был размещен только div1.
div#divContainer{
margin-left:auto;
margin-right:auto;
top: 0px;
width:1000px;
background:#666;
position:relative;
}
div#div1{
height:45px;width:200px;
background:yellow;
position:absolute;
}
HTML CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>
<body>
<div id="divContainer">
<div id="div1"></div>
</div>
</body>
</html>