【问题标题】:Why does this table-cell method change the div height?为什么这个 table-cell 方法会改变 div 的高度?
【发布时间】:2017-05-28 00:11:24
【问题描述】:

在这段代码sn-p中,黑色div的高度等于图片的高度加上lorem ipsum段落的高度

https://www.w3schools.com/code/tryit.asp?filename=FG101V74417J

如何解决这个问题,以使黑色 div 在最高 div 的底部结束? (例如图片正下方)

【问题讨论】:

  • 您可以首先在两个表格单元格上使用vertical-align:top,然后在带有文本的单元格上删除top:-280px

标签: html css


【解决方案1】:

您的代码有几处错误:您需要结束第一个 div 并且您打开一个 p 标记但用一个 h3 标记关闭。

删除top: -280px 并改用vertical-align: top

Jsfiddle:https://jsfiddle.net/qcbaswyv/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-04-08
    • 1970-01-01
    • 2013-07-18
    • 2011-01-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-14
    相关资源
    最近更新 更多