Размещение div справа от содержащего его div

Я знаю, что этот вопрос будет звучать очень просто, но я просто не могу его исправить . У меня есть контейнер div, и я пытаюсь расположить дочерний div справа. Я попытался позиционировать контейнер div с помощью relative, а затем позиционировать дочерний div с помощью absolute, но родительский div теряет свою ширину. enter image description here

Пожалуйста, имейте посмотрите на изображение выше, Мне нужно, чтобы 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>
5
задан manraj82 27 March 2011 в 17:11
поделиться