div+css(2)
浮動php
在div+css 中浮動分爲左浮動，右浮動，清楚浮動css
①右浮動
html
所謂右浮動，指一個塊元素向右移動，讓出本身空間，像右移動直到碰到包含本身的父元素的spa
最右邊的邊框。.net
②左浮動code
快速入門：htm
.div{對象
width：150px;
get
height:100px;
it
border:1px solid blue;
background:pink;
margin-top:5px;
flioat:left;/*左浮動*/
}
從這個案例咱們能夠看出，所謂左浮動就是指，某個塊元素儘可能向左邊移動，這樣就讓出
它右面的空間，讓別的塊元素顯示。
浮動的特別說明：
若是浮動元素的高度不一樣，那麼當他們向下移動時候可能被其餘的浮動元素」卡住「：
直到有足夠空間。
若是使用浮動元素：則該元素無論是否是塊元素，都會按照display：block;
來顯示。
小總結：
你能夠這麼理解浮動：若是一個元素右/左浮動原則：
①它自己會兒儘量向右/左移動，直到碰到邊框或者別的浮動元素，特別
強調浮動對塊元素和行內元素都生效。
②元素向右/左浮動，就至關於讓出本身的左/右邊，別的元素就會在它的左
/右邊，別的元素就會兒在它的左/右排列。
再一個案例：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<img style="float:left;
margin-right:5px;"
src="2.jpg" /> 愛 克 發
ksdkfs;dsfdf ;sdfs ;sdf s 愛克發
</body>
</html>
如何清除浮動，咱們在項目中說明
網上有一個站點；禪意花園->csdn 網頁論壇
開源之祖 sourceforeg.net
php 開源 http://www.php-open.comm模仿->創新
定位
常見的定位有四種
1。static定位(默認值)
2。relative相對定位
3。sbsolute 絕對定位
4。fixed 固定定位
相對定位：
這裏咱們看出，所謂相對定位是指，相對該元素應當顯示的左上角從新定位，雖
然它脫離的標準流，可是它的空間，不能被佔用。
絕對定位：
從上圖看，所謂絕對定位指，對該元素最近的那個脫離了標準流的元素定位，如
果沒有父元素(或者有父元素，可是父元素沒有脫離標準流)，則相對body左上角
定位。
怎麼理解 上面標紅的字
、
代碼：
<html> <body> <div>內容1</div> <div>內容3</div> <div>內容4</div> <div> <div id="spe" class="div1">內容2</div> </div> </body> </html>
Css文件：
.div2{
position:relative;
left:100px;
top:100px;
width:200px;
height:150px;
background:pink;
float:left;
}
Fixed 定位
所謂fixed定位就是無論怎麼樣，老是以視窗的左上角定位。
☞ left top屬性 對static沒有效果 ，static 定位是靠margin-left margin-top
來移動位置的。
z-index
用於設置對象(div)顯示的時候，層疊的屬性，z-index 值越小，則越在下層顯示！！
☞ 當父層不設置高度，而子層進行了float，由於父層是標準流，會不認識子層的存在，因此高度
會自動變成0.因此高度會自動變成0.解決辦法 一是在父層裏面，最後一個子層後面加一個塊狀元素，
而後給這個塊元素清楚浮動；二是給父層進行浮動，讓它認識子層，高度會兒自動撐開。
-
每一个你不满意的现在，都有一个你没有努力的曾经。