<分区>
我正在创建一个简单的网站布局，其中包含
页眉、横幅、col1、col2、页脚
在#col2 中我创建了一个id 为#main-image 的div。问题是我无法使用顶部和左侧属性定位此 div。这个 div 在 #col2 中并且 #col2 上有 float left 属性。
#main-image {
width: 343px;
height: 312px;
background: #c4b17e;
position: relatvie;
z-index: 10;
top: -100px;
left: -148px;
}
最佳答案
检查包含的 div 的大小。您在包含的 div 中，因此如果它太小，包含的 div 将没有任何移动空间。
当包含的 div float 时，大多数浏览器会调整 div 的宽度，以便它只占用需要的部分。
我的建议:为#col2 添加背景颜色，例如#FF0000，它是红色的以查看其宽度和高度。如果它太小，请将宽度 #col2 调整为 800px 或类似值。
还修复了 relative 的拼写问题。
关于css - 无法使用顶部和左侧属性定位相对 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6944417/