Свертывание поля на абсолютно позиционированном div? - PullRequest
Новая
       2

Свертывание поля на абсолютно позиционированном div?

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

У меня всего 4 деления:

1 контейнер 1 подменю 1 содержание 1 боковая панель

Они настроены так: 

<container>
     <submenu></submenu>
     <content></content>
     <sidebar></sidebar>
</container>

Контейнер имеет положение: относительное и переполнение: скрыто

подменю и содержимое поплавка: слева с полями, используемыми для позиционирования

боковая панель абсолютно расположена вправо (float не будет работать, так как дополнительная панель влияет на макет.

У меня есть изображения, которые перечислены вертикально внутри боковой панели, но они обрезаны контейнером. если я плаваю или устанавливаю положение относительно, оно будет правильно содержать боковую панель. Я попытался исправить после боковой панели, но это не работает.

Это одна из тех проблем, с которыми я всегда вижу проблемы. Есть предложения?

----- редактировать ------ 

<div id="content">
    <div id="submenu">
    </div>
    <div id="contentBox">   
    </div>
    <div id="sidebar">
    </div>
</div>

#content
{
    margin: -22px auto 0 auto;
    overflow: hidden;
    padding: 0 10px 10px 10px;
    position: relative;
    text-align: left;
    width: 961px;
}

#submenu
{
    background-color: #001a28;
    border: 5px #008da8 solid;
    float: left;
    margin: -20px 0 0 -10px;
    padding-top: 20px;
    width: 700px;
}

#contentBox 
{
    background-color: #ffffff;
    float: left;
    margin: 10px 0 10px -10px;
    width: 710px;
}

#sidebar
{
    border-left: 5px #008da8 solid;
    border-right: 5px #008da8 solid;
    background-color: #ffffff;
    display: block;
    height: 100%;
    position: relative;
    float: right;
    text-align: center;
    right: 10px;
    top: -10px;
    width: 207px;   
}

1 Ответ

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

Я не нашел простого способа сделать div на 100% высоты родительского элемента. В прошлом я мог обманывать: вместо того, чтобы пытаться растянуть до 100% высоты, я использую вертикальное растяжение фона в , чтобы создать полосу на боковой панели и сделать 1003 * BG-прозрачный. Таким образом, независимо от того, какова высота , всегда будет иллюзия того, что она составляет 100% от высоты .

Как только вы это сделаете, просто убедитесь, что ваши изображения не обрезаются, как вы описали, и это должно быть таким же эффектом. Хотя я не могу сказать, будет ли это полезно для вас, не зная больше о том, чего вы пытаетесь достичь. Надеюсь, это поможет!

...