gpt4 book ai didi

html - 2 个绝对框彼此下方..?

转载 作者:太空宇宙 更新时间:2023-11-04 08:26:51 24 4
gpt4 key购买 nike

对不起,我的英语不好..我有 2 个盒子,一个在左下角,另一个在右下角,都有 position:absolute 和 bottom: 0px;。当我缩小窗口时,它们会重叠......但它们应该彼此下方(目前还没有代码)。尝试使用最大宽度,但我猜是“position:absolute;”摧毁它。

    <body>
<div id="nav">
<p><a href="">MUSIC</a> &nbsp;&nbsp;
<a href="">RADIO & LIVE CHAT</a> &nbsp;&nbsp;
<a href="">SHOP</a> &nbsp;&nbsp;
<a href="">COMMUNITY</a> &nbsp;&nbsp;
<a href="">SUBMIT</a> &nbsp;&nbsp;
<a href="">CONTACT</a></p>
</div>
<div id="iconrow">
<a href="">
<img src="../bilder/youtube.png" class="iconrow"/>
</a>
<a href="">
<img src="../bilder/soundcloud.png" class="iconrow"/>
</a>
<a href="">
<img src="../bilder/spotify.png" class="iconrow"/>
</a>
</div>
</body>
#nav {
font-family:Typograph;
position: absolute;
bottom: 0px;
right: 0px;
padding: 0px 40px 10px 0px;
font-size: 18px;}
#iconrow {
position:absolute;
bottom: 0px;}
.iconrow {
width:50px;
float:left;
padding: 0px 0px 25px 20px;}

最佳答案

位置绝对会阻止你实现这一点。您需要的是两个宽度为 50% 的框, float (例如向左),然后是一个媒体查询,它在特定屏幕尺寸下将框的宽度调整为 100%。

关于html - 2 个绝对框彼此下方..?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45106877/

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