ДИВ выровненные вправо: некорректная полоса прокрутка

У меня есть код вроде этого:ДИВ выровненные вправо: некорректная полоса прокрутка

<div id="MainDiv" style="position: fixed; width: 100%; height: 100%;"> 
    <div id="Log" style="float: right; max-height:100%; overflow: scroll;"> 
     (some filling text) 
    </div> 
</div>

Он работает нормально, за исключением того факта, что только половина вертикального скроллинга лога показана (FF, Chrome).
Любые идеи, как исправить это?

источник

2013-04-18 user626528

Это почти определенно, потому что тело имеет запас. Удалите это, и он должен работать.

body 
{ 
    margin:0; 
}

Вот JS Bin: http://jsbin.com/ajicox/1/

источник

2013-04-18 04:00:48

Хорошо, это решает проблему. Но для меня это выглядит как ошибка в браузере. – user626528

Совсем нет, это стиль по умолчанию в сочетании с тем, как работает CSS (по общему признанию, он имеет некоторые серьезные недостатки). Вы также можете установить дополнение на 0 и установить их как в html, так и в разных браузерах, которые могут быть реализованы по-разному. –

Но что делать, если мне нужен запас маржи вокруг MainDiv? – user626528

Вы должны установить отступы в 0 также. разные браузеры имеют разные настройки.

корпус { край: 0; прокладка: 0; }

Working example: http://jsfiddle.net/Ngkam/

источник

2013-04-18 05:38:37 skparwal

ДИВ выровненные вправо: некорректная полоса прокрутка

ответ

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