Изменить стиль элемента без JavaScript - PullRequest
Новая
       4

Изменить стиль элемента без JavaScript

0 голосов
/ 31 июля 2011

Есть ли способ изменить стиль CSS для указанного элемента без использования JavaScript ?

Я не хочу использовать JS из-за некоторых браузеров, которые не поддерживают или отключили его ...

Конкретный пример:
У меня есть 2 DIV (#menu и #content), и я хочу установить min-height CSS-свойство #content в фактическое height свойство #menu (поэтому, если #menu будет длиннее * 1017 Высоты *, #content и #menu будут равны).

1 Ответ

1 голос
/ 31 июля 2011

Ваша проблема может быть решена с помощью простого простого CSS.В целях демонстрации я собираюсь предположить, что у вас есть меню в левой части вашей веб-страницы, а остальная часть страницы соответствует ее высоте.Такое поведение легко достигается путем объединения поплавков и переполнений.

HTML 

<div class="content">
    <ul class="menu">
        <li><a href="/">Homepage</a></li>
    </ul>
    <p>Hello world!</p>
</div>

CSS 

.content {
    width: 98%;
    overflow: hidden;
}

.menu {
    float: left;
    width:30%;
}

Хитрость в том, чтобы использовать overflow:hidden на внешней оболочке, чтобы высота содержимого всегда соответствовала высоте меню.

...