0

我有一个以图像为中心的图像，display: block;并且margin: auto;我试图使其下方的 div 部分重叠。我似乎无法弄清楚我的代码有什么问题，而且我在网上找不到任何信息（我真的搜索过！）。我不想问，但我什至可以混合使用相对位置和自动边距吗？这就是问题所在吗？这是代码：

HTML：

<div class='container'>        
    <img class='img-circle bio_pic' src='img/Matthew_bio_fin.jpg'>    
    <div class="jumbotron">
        <div class="container">
            <h1>Hi! I'm ...!</h1>
            <p>...</p>
        </div>
</div>

CSS：

.bio_pic {
    width: 190px;
    height: 150px;
    margin: 0 auto 0 auto;
    border: solid green 4px;
    display: block;
    position: relative;
    top: 80;
    z-index: 5;
}
4

1 回答 1

1

您缺少单位：

top: 80px;
于 2013-10-08T18:51:05.830 回答