我想定义以下子 div 位置。
|-------------------|
| parent div |
| |
| |
| |
| |-------| |
| | child| |
| | div | |
-----| |------|
|-------|
我使用相对位置来定义子 div 的位置,但它扩展了
|-------------------|
| parent div |
| |
| |
| |
| |-------| |
| | child| |
| | div | |
| | | |
|----|-------|------|
我想知道如何在不扩展父 div 高度的情况下定位子 div。
最佳答案
你可以使用子div的相对定位来完成
HTML
<div class="parent">
<div class="child">
</div>
</div>
样式:
.parent
{
background-color:green;
height:500px;
width:500px;
}
.child
{
position:relative;
top:350px;
left:200px;
height:200px;
width:100px;
background-color:red;
}
您可以根据需要设置颜色和宽度。 看看JsFiddle
关于css - 在不扩展父 div 的情况下定位子 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15258736/