2013-05-04 2 views
0

я в центре этой абсолютной DIV:Центр абсолютного положения div в оконном режиме?

<div style=" 
width:800px; 
height:190px; 
position:absolute; 
left:50%; 
margin-left:-400px; 
border-width:10px; 
border-style:solid;"> 
</div> 

В развернутом режиме она работает нормально. Но когда ширина браузера меньше div, я не могу прокручивать влево от div, она была разрезана. Я тестировал на Chrome и IE9

Как я могу центрировать абсолютный div в оконном режиме? В чем причина его несогласованности?

ответ

1

Вы, вероятно, хотите изменить ширину div «s и высоту до значений процента, а затем к центру, просто сделать что-то вроде этого:

top:0; 
left:0; 
right:0; 
bottom:0; 
margin:auto; 
position:absolute; 
+0

Когда ширина браузера меньше, чем DIV , в нижней части находится полоса прокрутки. Но я не могу прокрутить влево от div, он был разрезан, я не знаю, почему – user2174870

+0

Это потому, что ваш 'div' установлен в' position: absolute; ', который устанавливает свою вертикальную позицию выше всего остального, включая' '. Это означает, что 'div' не растягивает элемент' html', поэтому браузер не знает, что ему нужно прокручивать влево. – 2013-05-04 20:38:00

+0

Возможно, вам нужно установить ширину 'div' в значение' width: 70%; 'вместо' width: 800px; ', чтобы он изменил свою ширину в соответствии с окном. – 2013-05-04 20:39:23

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