は、私は私がdiv要素を作成した＃1 COL2で</p> <p>ヘッダ、バナー、COL1、COL2、フッター</p> <p>とが含まれているシンプルなウェブサイトのレイアウトを作成してい

Question

属性id＃メイン画像。問題はこれです、私はこのdivを上位&の左の属性を使って配置することができません。このdivは＃col2と一緒にあり、＃col2はfloat left属性を持っています。

#main-image { 
    width: 343px; 
    height: 312px; 
    background: #c4b17e; 
    position: relatvie; 
    z-index: 10; 
    top: -100px; 
    left: -148px; 
} 

Answer 1

綴りが間違っていますrelativeです。それを修正してみてください。

希望すると便利です。
N.S.

Answer 2

含まれるdivのサイズを確認してください。あなたが入っているdivの中にいるので、小さすぎると、含まれるdivには移動する余地がありません。

divをフローティングにすると、ほとんどのブラウザはdivの幅を調整して、必要なものだけを占有します。

私のお勧め：＃FF0000などの＃col2に背景色を追加して、その幅と高さを確認してください。小さすぎる場合は＃col2の幅を800pxなどに調整してください。

また、相対的なスペルを修正しました。