首先是有一個關於定位元素的好教程,它可以解釋發生了什麼。我已經閱讀過多篇文章,但無法掌握它。CSS定位2移位柱子
我有特定的問題如下:
我有一個頭的div-元件(紅色)與下方2列(白色和綠色)。通常用float:left;我可以將元素放在彼此旁邊。但是現在我想要一個(白色的)在所示的標題區域上移動一點。
相對定位與負的最高值我可以得到白色在正確的位置,但如何定位第二列。調整瀏覽器大小時,它會變得混亂。
#Column1
{
float: left;
position: relative;
top: -140px;
background-color: #FFFFFF;
left: 70px;
width: 280px;
min-height: 500px;
padding: 10px;
}
#Column2
{
float: left;
width: 800px;
background-color: #00FF00;
}
http://www.alistapart.com/topics/topic/css/ – Wex 2012-07-27 21:46:17