我的 HTML 中有以下带有 CSS 的 div。我已将 div 固定到页面底部。当浏览器尺寸变小时,我将我的 html 内容设计为响应式和重新排列。
<div id="button-section">
<!-- Section for function buttons -->
<div id="function-buttons">
<div class="fn-button">
<!-- Function button -->
<span>My Current Checks</span>
</div>
</div>
</div>
#button-section{
width: 100%;
height: 150px;
position: fixed;
bottom: 0;
background-color: rgb(229, 229, 255);
min-width:1000px;
}
#function-buttons{
width: 70%;
height: 100%;
float:left;
min-width: 870px;
}
当我减小浏览器的大小时,它只会生成水平滚动条来显示流畅的内容!所以固定内容在浏览器中显示一半!我在下图中显示了该场景。如何让浏览器接受固定内容并使用滚动条显示确切数量。
我尝试将其置于相对模式,但它不起作用!