2

相対位置属性のCSSセレクターと<div>左端と上端からの距離を指定して、ボックスを移動しようとしています。問題は、それが機能していないことです。

可視性属性のコメントを外すと、画像が非表示になるため、セレクターは明らかに機能しています。ここで何が問題なのですか？

HTML :

<body>
  <div id="test_logo">
    <img src="http://uselessproducts.weebly.com/uploads/5/2/5/5/5255421/_6517253_orig.jpg" height="100" width="100"/>
    <span id="test_logo_title">test</span>
  </div>
</body>

CSS:

* { margin:0px; padding:0px; }

html {
    font-family: Verdana, "Lucida Sans Unicode", Arial;
    font-size: 9px;
}

body {
    margin: 9px 0 0;
    background-color: #f37062;
    font-size: 100%;
}

#test_logo {
    /*visibility: hidden;*/
    position: relative;
    left: 100 px;
    top: 200 px;
}

jsFiddle リンク

4

3 に答える 3

6

前のスペースを削除するだけですpx：

#test_logo {
    position: relative;
    left: 100px;
    top: 200px;
}
于 2012-10-24T17:59:37.940 に答える
2

#test_logo の left: と top: の仕様からスペースを削除すると、雨のように正しくなるはずです。

于 2012-10-24T17:59:44.833 に答える
0

これが変更された CSS です。これで問題は解決すると思います。#logo のパディングを調整して、上部と側面のスペースのニーズを満たすことができます。

* {margin:0px; padding:0px;}

html{
    font-family: Verdana, "Lucida Sans Unicode", Arial;
    font-size: 9px;
}

body{
    margin: 0 auto;
    background-color: #a37062;
    font-size: 100%;
}


#logo{ 
    padding: 5px;
 }​

私のフィドルへのリンクはこちらhttp://jsfiddle.net/r9x5A/3/

しかし、他の人が述べたように、あなたが抱えている問題は、css の数字と「px」の間のスペースです。

于 2012-10-24T18:00:18.737 に答える