css - 具有缩略图高度的行

Question

我可以对这一行做什么...

<div class="row-fluid">
    <div class="span2">
        <img src="https://s3.amazonaws.com/media.jetstrap.com/SLgRUEHSyGwQVfG4x6ed_curso_adm.jpg">
    </div>
    <div class="span10">
        <h3>
            Título
        </h3>
        <p>
            Ahduh eo ohae flaeh kjdkvjzvahofvh oiadfp oivahcx vhkj jknv vj v v jshvpioauhfspvus
            fvga icvg acjkb jahbcjkhabs vhafs avicx jk b iuhiuah i cioua iu uiashuioas
            diouvhas iusu agyq gqh rgnmwetg brkb hhvwi uvqiuhuie veiu
        </p>
    </div>
    <div class="span3" style="display: none;">
        <h3>
            Span 4
        </h3>
        <p>
            Content
        </p>
    </div>
    <div class="span3" style="display: none;">
        <h3>
            Span 3
        </h3>
        <p>
            Content here
        </p>
    </div>
</div>

...保持缩略图高度？当我调整窗口大小时，图像在底部有一个边距。

见小提琴：http: //jsfiddle.net/cbacelar/Fzfb6/

谢谢。

Answer 1

发生这种情况是因为<p>行内的标签有margin-bottom10px。删除它，您会看到图像下方的空间消失。