[英]How to vertically top align div inside of div?
我試圖將div的頂部對齊到div中,但沒有成功。 http://jsfiddle.net/jhbs31xv/
<table style="border: 1px solid red; width: 100%">
<tr>
<td>
<div style="display: table-cell; width: 200px; height: 500px; overflow-y: auto;">
<div id="housingTree" class="demo" style="height: 100px;">
</div>
</div>
</td>
<td style="width: 100%; height: 100%; border: 1px solid blue;">
<div style="height: 100%; width: 100%;">
<div id="infoPane" style="width:100%;margin-left:10px; border: 1px solid green;vertical-align:top; ">
How To Top Align Me?
</div>
</div>
</td>
</tr>
</table>
像這樣:
<td style="width: 100%; height: 100%; border: 1px solid blue;" valign="top">
<div style="height: 100%; width: 100%;">
<div id="infoPane" style="width:100%;margin-left:10px; border: 1px solid green; ">
How To Top Align Me?
</div>
</div>
</td>
將valign =“ top”添加到其中的。
而且,正如Goos van den Bekerom提到的那樣,您不應該在TD中設置div。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.