CSS底部0对齐div的外部

-2

当我试图修复一个div到position: absolute,bottom: 0的包装div的底部时，div与div的外部底部对齐，最终位于其下方和外部。这意味着如果包装器延伸到页面的底部，我的div的孩子甚至不可见。任何想法可能导致这种情况？CSS底部0对齐div的外部

来源

2017-08-02 asdf123123123

你能有您的项目或代码的小提琴？ –

将'position：relative'设置为父div，这可能会修复您的问题 –

寻求调试帮助的问题（“为什么不是这个代码工作？”）**必须包含**期望的行为，特定的问题或错误以及**在问题本身中重现**所需的最短代码。没有明确问题陈述的问题对其他读者无益。请参阅：[如何创建最小，完整和可验证示例]（https://stackoverflow.com/help/mcve）。 – caramba

如果我理解你的正确，请尝试这一个。

.wrapper { 
    position: relative; 
} 

.wrapper div { 
    position: absolute; 
}

谢谢。

来源

2017-08-02 12:17:36 Rohan

母公司已经有位置了，这就是为什么我很困惑，为什么会发生这种行为 – asdf123123123

你必须给position: relative父母的div和包装你应该给position: absolute。

来源

2017-08-02 12:22:25

母公司已经有位置相关，这就是为什么我会困惑这种行为如何发生 – asdf123123123

只要给父母position: relative;要调整这个孩子的div

.parent{ 
 
    width: 600px; 
 
    height: 400px; 
 
    background: grey; 
 
    position: relative; 
 
} 
 

 
.child{ 
 
    width: 200px; 
 
    height: 200px; 
 
    background: blue; 
 
    position: absolute; 
 
    right: 0; 
 
    left: 0; 
 
    bottom: 0; 
 
    margin: auto; 
 
    color:white 
 
}

<div class="parent"> 
 
    <div class="child"> 
 
    Div At Bottom 
 
    </div> 
 
</div>

来源

2017-08-02 12:24:32

母公司已经相对位置，这就是为什么我很困惑这种行为如何发生 – asdf123123123

在这种情况下，你必须共享链接/提琴，所以我们可以看到问题.. –

CSS底部0对齐div的外部

回答

相关问题