1

私は次々と4つdivの要素を持っています。1番、2番、4番は問題なく動いていますが、3番divはポジショニングが悪いです。私はその位置を設定していますが、それは次のとおりではありません...私のコード..

.mid_table div左揃えですが、CSSで指定された座標に従いたいです。

jsFiddle の例

CSS

#top_table {
    background-image: url(images/Round%20corner);
    background-repeat: no-repeat;
    background-position: center top;
    height: 25px;
}
#bottom_table {
    background-image: url(images/Round%20corner);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 25px;
}
#mid_table {
    background-color: #09F;
    left: 54px;
    width: 449px;
    height: 200px;
    position: relative;
}

HTML

<body>
<div id="logo" >
 <center>
  <h1><b> Portal</b></h1>
 </center>
</div>
<div id="top_table">
 <!-- empty -->
</div>
<div id="mid_table">
 Content for  id "mid_table" Goes Here
</div>
<div id="bottom_table">
 Content for  id "bottom_table" Goes Here
</div>
<div>
</body>
4

3 に答える 3

0

やってみました

position: relative

? position: absolute は、それが他の何かに対して「絶対」である場合にのみ機能します。したがって、親の祖先を配置する必要があります。例: position: relative

于 2012-05-31T19:11:40.003 に答える
0

With position: relative が機能するはずです。（CSSにはすでに相対位置があるので、編集したのは人だと思います）

どのブラウザでテストしていますか? うまくいかない場合は、ブラウザの問題である可能性があります。

ここで確認できます。

jsfiddle

また、あなたのHTMLには、下部に閉じられていないdivタグがあります。

于 2012-05-31T19:18:56.630 に答える
0

3 番目の div の表示を妨げる​​可能性のあるエラーは表示されません。/body タグの前に閉じられていない div のみ。お使いのブラウザは何ですか? 座標は、特定のプロパティの相対位置で機能します。

于 2012-05-31T19:33:30.027 に答える