Question

我有一个小问题。我正在发现语义UI。

但是当我尝试添加图像并正确调整其大小以使其适合空白区域时，它会创建一个异常的滚动条。我尝试了一些解决方案，但没有帮助:(。这是我的HTML代码：

<div class="ui bottom attached segment pushable">
    <div class="ui visible left vertical sidebar menu">
        <a href="#" class="item"><img src="https://cdn.freebiesupply.com/logos/large/2x/semantic-ui-logo-png-transparent.png" alt="Logo" class="ui medium image"></a>
        <a class="item">
            <p>Accueil</p>
        </a>
        <a class="item">
            <p>Topics</p>
        </a>
        <a class="item">
            <p>Friends</p>
        </a>
        <a class="item">
            <p>History</p>
        </a>
    </div>
    <div class="pusher">
        <div class="imgHomePage">
            <img  src="assets/jpg/homescreen.jpg" class="">
        </div>
    </div>
</div>

这是我的CSS代码：

   .pusher {
overflow: hidden;
}
.imgHomePage{
    width:100%;
    height:100vh;
}

有人知道我在做错什么吗：）？

预先感谢：）。

享受您的代码，

删除滚动条语义UI

0 个答案: