Css 两个div并排,高度相同,不设置高度
我有一个特殊的div结构,希望两个div的高度相同,而不在css中设置高度。有人能帮我解释一下为什么下面的jsFiddle不能按我所希望的那样工作吗 我试过很多类似的问题。但对我来说,没有什么是完美的Css 两个div并排,高度相同,不设置高度,css,html,height,containers,Css,Html,Height,Containers,我有一个特殊的div结构,希望两个div的高度相同,而不在css中设置高度。有人能帮我解释一下为什么下面的jsFiddle不能按我所希望的那样工作吗 我试过很多类似的问题。但对我来说,没有什么是完美的 您必须再添加几个具有以下表属性的div: 啊,太多了!这就是我要找的。 <div class="div-table"> <div> <div>Date</div> <div style="white-space:nowrap"&
您必须再添加几个具有以下表属性的div:
啊,太多了!这就是我要找的。
<div class="div-table">
<div>
<div>Date</div>
<div style="white-space:nowrap">
<div class="input-field">
<input>
</div>
<div class="input-img">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAfJJREFUSEutlquSAjEQRSORSCQSiUQikUgkEonE8QlIPgGJRCKRSCQSiURm96Rysz0hM5t93KquSbrTzzQdnK/E5XLx5/O5QbXodHK73fxqtfKDwcA7596o3+/75XL5rcOik8fjEZStweFw6KfTaaLRaNSQw7ter9FCE29OOIhBKeOsTZlMN5tNyIizvV7PH4/HKP1CwwnGpEBk9/s9SrpB5pRVgeWOkhMMKgOi/w12u13KiEYRkpP5fJ4y+AvW63WwMx6PIyc6oUyKgNQFeKISSvLX65W6UWULUnUSUQhW2a4tLM+uVbbJZBL2Ds+6bLpFyI3me2B5do1NqgKPu3ZcEBv63gJeTjm65Lrj/X7vHXVjA/M/sd1ug93wDZ4+NzVtyzmoBtauOxwOYbNYLKK4HbUOgDJhIjiGGxt1Qhd+4kQTIHTa8/kMnQCxFkoG4YksSjxNj9BYMGazWWDgVSgpllA6p47FEQhSdRi/VHpckAFrxPJymUDp4XMfIJ1g1iDgwnJYg1AX1Eh2RCUNNQBUehNqwAzUL71R+vgNUG/nh2pAYBpPdJbFW+4abhAlPJ1OUVIG0fM8SCd3AIoFJir754EuYUJzXzjly6Xad54ytWXfeot0GUr2vS8RwRCAfYdytDqxoCRED1EasmBd99/L+w8meYWhCGsXpAAAAABJRU5ErkJggg==">
</div>
</div>
</div>
.table {
display: table;
width: 88%;
}
.row {
display: table-row;
}