Question

所以我有一个100％宽度的图像，我有一个div，我想直接位于该图像下方。在图像和div之间似乎存在某种边界或线条，我似乎无法摆脱它，我知道这是从背景中我不习惯使用固定位置，因为那么它在各种分辨率下都不会直接低于它。我已经尝试将身体填充和边距重置为0，但它似乎没有帮助。

HTML：

    <header>

        <img class="forumheader" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50356_434008550256_1008261_n.jpg"/>

    </header>

    <div class="content">
        I am a content.
    </div>

CSS：

.content{
height:400px;
width:100%;
background: #202020;
}

body{
background:#ff00ff;
margin:0;
padding:0;
}

这是一个小伙伴：http://jsfiddle.net/AYnaN/ 由于尺寸不同，图像在该jsfiddle中没有100％宽度，但我的应用程序中的图像宽度为100％。

Answer 1

默认情况下，大多数浏览器中的图片都有样式display:inline-block;或display:inline;。因此它被视为文本，浏览器显示此附加行以分隔文本行。

尝试提供图片：style="display:block;"。还记得将边距设置为0：style="margin:0px;"。

以下是您修改过的小提琴：http://jsfiddle.net/AYnaN/1/。

在图像下方放置div时获取某种边框？

1 个答案: