gpt4 book ai didi

html - 将绝对元素定位到右边 :0 of document

转载 作者:行者123 更新时间:2023-11-28 03:08:43 25 4
gpt4 key购买 nike

我的页面中有菜单/子菜单元素 这有点像

<div class="category">
<div class="subcategory"></div>
</div>
<div class="category">
<div class="subcategory"></div>
</div>
<div class="category">
<div class="subcategory"></div>
</div>
<style>
.category { position:relative}
.subcateory { position:absolute ; top: 40px ; right: 0px ; width: 100vw}
</style>

看起来有点像 enter image description here

我想要的是子菜单覆盖文档的 %100 并从右侧开始:文档的 0 之类的 enter image description here

我已经设法通过 100vw 将宽度设置为文档的 100%,但我不知道如何设置正确的位置,以便它从文档的 0 点开始?

最佳答案

.category { background: red; height: 50px; width:25%; display: inline-block; }
.subcategory { position:absolute; top: 60px; right:0px; width:100%; background:blue;height: 100px; }
<div class="category">
<div class="subcategory"></div>
</div>
<div class="category">
<div class="subcategory"></div>
</div>
<div class="category">
<div class="subcategory"></div>
</div>

关于html - 将绝对元素定位到右边 :0 of document,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45828643/

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