Hein Pauwelyn Ответов: 1

Получить высоту элемента с помощью sass

Я делаю сайт и делаю цвет фона своего сайта. nav- элемент до 0,7. Я делаю это потому, что на заднем плане я помещаю изображение. На этом изображении я добавил пример и свой код.

Здесь вы можете найти мой код:

<nav class="navbar">
    <ul class="nav">
        <li><a href="#">Log in</a></li>
        <li><a href="#">Register</a></li>
    </ul>
    <div class="cf"></div>
</nav>
<img src="http://www.siwallpaperhd.com/wp-content/uploads/2016/03/tv_series_viking_background_wallpaper.jpg"/>
body {
    margin: 0;
}

img {
    width: 100%;
    position: relative;
    top: -25px; // need height of navbar.
    z-index: -1;
}

nav {
    background-color: rgba(150, 0, 0, 0.7);
    margin: 0;
    
    ul {
        margin: 0;
        list-style-type: none;
        
        li {
            float: left;
            margin: 15px;
            
            a {
                color: white;
            }
        }
    }
}

.cf {
    clear: left;
}
Вот вам образ.

Здесь у вас есть Скрипка[^].

Теперь мой вопрос: как я мог получить высоту моего навбара с Сасс?

Что я уже пробовал:

Поискал в интернете но ничего не нашел

1 Ответов

Рейтинг:
4

Kornfeld Eliyahu Peter

Вы спрашиваете о конечной-вычисленной-высоте?
Вы не можете... Сасс не может сделать ничего такого, чего не может сделать CSS...
Таким образом, единственным вариантом является явное указание высоты и использование ее в качестве фиксированного значения...

nav {
    background-color: rgba(150, 0, 0, 0.7);
    margin: 0;
    height: 50px;

    ul {
        margin: 0;
        list-style-type: none;
        
        li {
            float: left;
            margin: 15px;
            
            a {
                color: white;
            }
        }
    }

img {
    width: 100%;
    position: relative;
    top: -50px; // need height of navbar.
    z-index: -1;
}
}