CSS: заставить div соответствовать экрану браузера? - PullRequest
2 голосов
/ 17 ноября 2010

Хорошо, я пытаюсь подогнать размер div к размеру окна браузера. У меня есть div с высотой: 100%. Это все хорошо. Тем не менее, он содержит таблицу (в элементе управления ASPX я не могу изменить код и т. Д. И т. Д.), И на многих уровнях ниже есть div с «height: 1869px» (и overflow: auto и position :lative if это имеет значение). Это приводит к изменению размера таблицы в соответствии с этим, и вся страница заканчивается прокруткой. Инструменты разработчика IE8 сообщают, что мой внешний div имеет высоту только 896, но таблица (единственный его дочерний элемент), содержащийся непосредственно внутри, имеет высоту 1888.

Вот основная идея:

<div style="height:100%">
    <table><tr><td>
        <!-- A whole bunch of other stuff the WebPart spits out, including another couple divs -->
            <div style="height:1869px">
     </table></tr></td>
</div>

(Несмотря на то, что у классов много стилей, и мой height:100%, и его height:1869px определены как встроенные - и мой должен быть, потому что в противном случае sharepoint устанавливает height:400px)

Я не могу ничего изменить под внешним тегом div (он создается веб-частью SharePoint), и хотя это можно исправить с помощью хака JavaScript (найдите точный элемент с проблемой и убейте ее), это не подлежит обслуживанию. Решение, так как веб-часть может измениться. Спасибо за вашу помощь!

Ответы [ 2 ]

1 голос
/ 17 ноября 2010

Сначала вы должны выяснить, что вы хотите использовать в качестве решения ... если вы хотите ограничить внутренние объекты короче, вы можете использовать max-height и добавить !important, чтобы оно переопределило значение 1869px

0 голосов
/ 17 ноября 2010

Не будет ли overflow: hidden работать на <div /> работе?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...