无法使用top＆amp ;;来定位相对div左属性

Question

我正在创建一个包含

的简单网站布局

头，横幅，COL1，COL2，页脚

在＃col2中我创建了一个id为＃main-image的div。问题是我无法使用top＆amp;左属性。这个div在＃col2中，＃col2在它上面有float left属性。

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

Answer 1

检查包含div的大小。你在一个包含div的内部，因此如果它太小，所包含的div将没有任何移动空间。

当你将div包含浮动时，大多数浏览器会调整div的宽度，以便它只占用所需的内容。

我的建议：为＃col2添加背景颜色，例如＃FF0000，它是红色的，以查看其宽度和高度。如果它太小，请将宽度＃col2调整为800px或类似的东西。

同时修复亲戚的拼写。

Answer 2

你拼写relative错了。尝试修复它。

希望这有帮助！
N.S。