div位置的相对变化

时间:2013-11-18 13:58:18

标签: jquery css

以下是我将页面划分为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>

1 个答案:

答案 0 :(得分:0)

这段代码很乱:

<td>标记中有<div>个:这不应该是。{ td父级必须是tr(表格行)。

您应该阅读documentation about HTML tables并更正您的代码:这不可修复,因为这是无效的。