css position: fixed overflow: auto

Я хочу поместить div внизу страницы и установить его ширину до 960px, в центре страницы, минимальное расстояние до левой границы - 170 пикселей. это мой код:css position: fixed overflow: auto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
</head> 
<style type="text/css"> 
body{width:100%;height:100%;} 
*{padding:0;margin:0;} 
#wrap{position:fixed;margin:0 auto;margin-left:170px;width:960px;overflow:auto;bottom:0;height:100px;} 
</style> 
<body> 
<div id="wrap"> 
test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test 
</div> 
</body> 
</html>

Но когда ширина экрана 1024, то div#wrap не имеет прокрутки и правая часть не отображается. Как это исправить?

источник

2011-01-13 yuli chika

Думаю, я понял вопрос, но я все еще не понимаю, что вы пытаетесь построить.

Вы должны изменить

position : fixed;

к:

position : absolute;

Это исправляет ваши проблемы прокрутки.

. , ,

* Примечание: Я также думаю, что вы можете удалить

overflow: auto;

Кроме того, изменение:

body{ width:100%;height:100%; }

к:

html, body{ 
    width:100%; 
    min-height: 100%; 
    height: auto !important;   
    height:100%; 
}

источник

2011-01-13 12:26:40 jlmakes

Я протестировал его здесь: http://jsfiddle.net/8cxmD/, и он не отображается в середине страницы. – jlmakes

Посмотрите мои последние изменения, с html и body CSS .... – jlmakes

извините за обед, я говорю в этой ситуации, если у моего тела есть другой код, я добавляю много br в тело, код в jsfiddle. net/624zW/1/then, я вижу 'div # wrap' в середине тела. Мне это нужно как «позиция: фиксированная», всегда показываемая в нижней части тела. –

Ты ДИВ в настоящее время отрезаны из-за вы выровняли его в нижней части окна браузера, а затем добавили левое поле, нажав div вне окна. Переполнение не поможет с этим, так как это не тот контент, который выталкивается за пределы div, а весь сам div.

Если вы пытаетесь создать нижний колонтитул, расположенный в нижней части страницы, сделайте то, что предлагает Джулиан, и абсолютно позиционируйте свой div (но опять же будьте осторожны с полями), и обязательно обратите внимание, что abosulely position div будет располагаться относительно следующего родителя с «position: relative» или, если не будет найден, элемент html.

источник

2011-01-13 12:43:11

спасибо, я обновляю код Julian в jsfiddle.net/624zW/1/ Я имею в виду, что если мой рост очень длинный, 'div # wrap' будет отображаться в середине тела, даже прокрутка мыши в направлении y. Мне нужна функция, как 'position: fixed'. –

ответ

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