我不知道为什么,但我的 html 页面的 2 个 div 相互重叠,而不是并排显示。此外,蓝色 div 并没有像它应该的那样占据 100% 的高度。注意:蓝色 div 目前只有 1 个元素(输入)
这是我的 CSS 代码:
.bluediv {
    height: 100%;
    width: 16.3%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    box-shadow: 0px -10px 50px black;
    float: left;
}
.reddiv{
    height: 100%;
}
谢谢,网络火焰
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
您可以使用默认方向
row显示flex,如下所示:html, body { padding: 0; margin: 0; } .sect-div { width: 100%; display: flex; height: 400px; } .sect-div .side { width: 20%; background-color: #007fff; } .sect-div .main { width: 80%; background-color: #ff0000; }固定在一边:
html, body { padding: 0; margin: 0; } .sect-div { width: 100%; height: 100vh; display: flex; overflow: hidden; } .sect-div .aside { width: 20%; padding: 5px; box-sizing: border-box; background-color: #007fff; } .sect-div .main { width: 80%; padding: 20px; box-sizing: border-box; background-color: #ff0000; overflow-y: auto; }