gpt4 book ai didi

html - 使 div 的 50% 不是浏览器宽度

转载 作者:行者123 更新时间:2023-12-04 17:23:26 25 4
gpt4 key购买 nike

<分区>

我有 .left-navbar.columns-wrapper,其中有两列,.left-column。右栏。第一列和第二列有 50% 的 .columns-wrapper 直到我将 position: fixed 添加到 .right-column .right-column 占浏览器宽度的 50% 而不是 .columns-wrapper

.page-wrapper {
width: 100vw;
height: 100%;
display: flex;
background: red;
}

.page-wrapper .left-navbar {
width: 88px;
height: 100%;
background: yellow;
}

.page-wrapper .columns-wrapper {
width: calc(100% - 88px);
height: 100%;
background: orange;
display: flex;
}

.page-wrapper .columns-wrapper .left-column {
width: 50%;
height: 100%;
background: red;
}

.page-wrapper .columns-wrapper .right-column {
width: 50%;
height: 100%;
background: green;
}
<div class="page-wrapper">
<div class="left-navbar">

</div>
<div class="columns-wrapper">
<div class="left-column"></div>
<div class="right-column"></div>
</div>
</div>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com