как можно добавить фоновый рост: 100% в сторону?высота: 100% фоновая боковая панель не работает
aside,
.side-nav {
width: 250px;
float: left;
margin-right: 15px;
background-color: #2b2b2b;
}
Как исправить боковую панель (в сторону)?
С помощью CSS3 вы можете использовать обозначение «vh» (на основе высоты видового экрана).
Для вашего примера вы просто добавили бы «height: 100vh» в ваш css.
не работает :( – GodmanT
OP скорее всего хочет, чтобы боковая панель была высотой страницы, которая может варьироваться в зависимости от содержимого и возможных условий, таких как минимальная высота. Вы устанавливаете боковую панель в набор Если пользователь должен прокручивать пять раз, чтобы просмотреть все содержимое страницы, боковая панель давно бы исчезла к тому времени, когда они попали в нижнюю часть страницы. – hungerstar
Я создал небольшой пример. Перейдите по ссылке jsfiddle ниже.
<https://jsfiddle.net/whfukm5p/>
Это работает, как я могу удалить прописку? http://s8.hostingkartinok.com/uploads/images/2016/05/479979974461ba730f3f15cb0ef1c7c1.png – GodmanT
Можете ли вы создать jsfiddle live example? Поэтому я могу правильно вести вас. –
Я думаю, что вам нужна навигационная система, которая фиксируется, а не плавает.
aside, .side-nav { width: 250px; margin-right: 15px; background-color: #2b2b2b; position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; }
Высота относительное значение на основе родительского элемента, но поскольку окно не имеет высоту по умолчанию, относительная высота над элементами не может быть использована.
Если вы настаиваете на использовании относительной высоты, вам необходимо установить его с помощью javascript или присвоить ему значение по умолчанию.
Спасибо. – GodmanT
Вы можете добавить html-код, который вы используете? для попытки помочь – Ronald
Поверьте мне, у него есть родитель. Если вы делаете это правильно, то «минимальный» _ будет «
». – hungerstar[Работа с CSS 'height' и процентными значениями] (http://stackoverflow.com/a/31728799/3597276) –