以下是我将页面划分为3个部分的结构:
分裂是15 - 65 -20我在ID为alchemy
的右侧部分有一个div。我想设置这个div的高度
<div style="height:150px;">
。
但如果我把高度放在这里,中间部分也出现在高度150px
为什么?
<tr>
<div class="left">
<td style="width:15%">
<div style="position:absolute">
<img src="https://graph.facebook.com/
<?php echo $user_id; ?>
/picture?type=large" style="position:fixed; top:60px; left:1px;">
</div>
</td>
</div>
<div class="middle">
<td style="width:65%">
<div class="input-button-collection">
<div id="input-collection" class="input-group input-group-lg">
<span class="input-group-addon">
<i class="glyphicon glyphicon-link">
</i>
</span>
<input id="url-input-box" type="url" class="form-control" name="url" placeholder="http://www.example.com">
</div>
<div id="error-msg" class="help-block">
<i class="glyphicon glyphicon-exclamation-sign">
</i>
URL is invalid
</div>
<div class="rating-collection">
<input type="number" name="rating" id="rating-input" class="rating" />
<div>
<span id="error-msg-rating" class="help-block">
<i class="glyphicon glyphicon-exclamation-sign">
</i>
Please choose a rating
</span>
</div>
</div>
<div class="custom-input-button">
<button id="submit-url-btn" type="submit" class="btn btn-primary btn-lg">
Get Sentiment
</button>
</div>
<div id="old-records" align="center">
</div>
</td>
</div>
<div class="right">
<td style="width:20%">
<!--
<?php include 'logout.php'; ?>
-->
<div id="alchemy" style="overflow:hidden; clear:both">
</div>
</td>
</div>
</tr>
答案 0 :(得分:0)
这段代码很乱:
<td>
标记中有<div>
个:这不应该是。{ td
父级必须是tr
(表格行)。
您应该阅读documentation about HTML tables并更正您的代码:这不可修复,因为这是无效的。