-
CSS中的margin的值爲負數的時候怎麼去理解其含義：現在有兩個div，讓其向左浮動。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.container {
width: 400px;
height: 400px;
border: 1px solid red;
margin: 0 auto;
}
.container > div {
float: left;
width: 100px;
height: 100px;
}
.one {
background-color: peachpuff;
margin-left: -150px;
}
.two {
background-color: cornflowerblue;
}
</style>
</head>
<body>
<div class="container">
<div class="one"></div>
<div class="two"></div>
</div>
</body>
</html>
使用top、left、right、bottom：
使用條件：單獨使用他們的時候均沒有效果需要是使用了絕對定位absolute的時侯才能其作用。
left:靠左邊距離多少
right：靠右邊距離多少
Top：距離頂部距離爲多少
bottom：距離下邊距離爲多少
舉例說明如下：left：50px就是距離左邊的距離就是50px；如果爲-50px；那麼就會像左邊移動50px；後面的top，bottom同理
使用position屬性，理解定位
position的屬性值：
static：元素框正常生成。塊級元素生成一個矩形框，作爲文檔流的一部分，行內元素則會創建一個或多個行框，置於其父元素中。頁面默認的position就是static。
relative：元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。（沒有脫離文檔流）
absolute：元素框從文檔流完全刪除，並相對於其包含塊定位。包含塊可能是文檔中的另一個元素或者是初始包含塊。元素原先在正常文檔流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成一個塊級框，而不論原來它在正常流中生成何種類型的框（絕對定位的盒子脫離了標準文檔流。）
fixed：元素框的表現類似於將 position 設置爲 absolute，不過其包含塊是視窗本身。