时间戳

首页 > 解决方案 > 固定定位问题

html - 固定定位问题

问题描述

在我的侧边栏中没有显示任何文字。这就是我看到的侧边栏

.sidebar{
    background-color: cornflowerblue;
    padding: 100% 5%;
    position: fixed;
    top: 0;
    right: 0;
    float: right;
}
<div class="sidebar">
<h1>Sales</h1>
</div>

标签： htmlcss

解决方案

您过度填充文本。您将填充设置为 100%，这意味着 100% 的页面宽度，这是针对仅占页面 20% 的元素，因此，文本可能离屏幕很远。你可能不想要这个。

在这里，我已将其更新为 0%，现在显示文本，因此您现在可以根据需要正确设置填充...

.sidebar{
    background-color: cornflowerblue;
    padding: 0% 5%;
    position: fixed;
    top: 0;
    right: 0;
    float: right;
}
<div class="sidebar">
<h1>Sales</h1>
</div>

推荐阅读