исправить положение DIV внутри тела

<body> 
    <div id="container"> 
     <div id="inside"> 
     </div> 
    </div> 
    <div id="special-div"> 
    </div> 
<body>

Мне нужно, чтобы мой special-div внешнего контейнера для некоторых Js соображенийисправить положение DIV внутри тела

#inside{ 
    margin:auto; 
    width:760px; 
} 
#special-div{ 
    position:relative; 
    top:200px; 
    left:300px 
}

С выше CSS, позиция special-div изменяется с изменением в изменении размера браузера ? Итак, как я могу зафиксировать позицию special-div независимо от размера браузера?

источник

2013-09-29 Mayur Buragohain

Тогда вы можете использовать position: absolute; вместо position: relative;, а также вы должны определить ширину и/или высоту для этого.

#inside{ 
    margin:auto; 
    width:760px; 
} 
#special-div{ 
    position:absolute; 
    top:200px; 
    left:300px; 
    width: 100%; 
}

Если определить родительский DIV как position: relative; то ваш совершенно определенный DIV будет работать, как показано на рисунке ниже

enter image description here

picture source

источник

2013-09-29 09:45:05

..и затем применить некоторый фиксированный 'width' /' высота' специальным div. – avrahamcool

special-div не может иметь фиксированную ширину, так как контент является динамическим. –

позиция: относительный также дает тот же результат. –

исправить положение DIV внутри тела

ответ

Смежные вопросы