html中包括兩種元素 內聯元素(行內元素) 和 塊元素 ,怎麼理解呢？
行內元素就是不換行的元素,並且大小可以自適應. 例如 a img font span .//
塊元素就是不論內容多少 寬度高度多少都會換行顯示 例如 div p li
行內元素和塊元素的相互切換 用到 display: inline block ;
這兩個 css屬性..
對於行內元素 如果內部還包含塊元素 那麼就用 display:inline-block ;
inline 只用於內部包含inline元素的時候使用 。。
行內元素內部可以包含行內元素 盡量不要包含塊元素。
塊元素 內部可以巢狀 行內元素 和塊元素 。
浮動float 就是將自己 漂移到 父元素邊框,或者前乙個浮動元素的邊框 為止，浮動很有用 在利用 ul li做menu的時候可以用到
在用div做menu的時候也可以使用浮動 。
float:right ;
浮動rigth可以使浮動框拋棄原來的位置 後面的浮動會緊跟過來 浮動到父親元素邊框的右邊界停止
最好是如果我們利用浮動做選單 一組menu最好全部浮動 或者全部不浮動 如果中間有乙個不浮動就會出現奇怪的顯示效果
空間不夠大了 可以往下自適應 。直到填充完了 離開父元素
float:left ;
float left 和right其實是一樣的 只不過乙個向左邊 乙個向右邊 . 他們的浮動都會到父親邊框位置 或者前乙個浮動塊為止
如果一對div中 有乙個height高度大於其他div那麼後即浮動div會被卡在他的後面 直到有足夠空間
對於行內元素 如果浮動 就會將樣式設定成塊元素 並可以設定 width 和height ..否則 這兩個屬性無效
但是這裡雖然是塊元素 但是他會讓出同行 右邊的位置,並且可以顯示其他內容 例如 字包圖就是這個原理 ///
清除浮動.就是清除浮動效果 。
浮動的關鍵就在於 讓出位置 和緊接著 前乙個浮動 快 。
固定轉浮動DIV
固定轉浮動div 類似 商品頁面中，商品詳情 累計評價的 導航條，最初在頁面內固定，之後隨著滾動條滾動導航條始終浮動在頁面頂部 頂部 返回頂部 滾動條滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 固定div...
學習div的浮動
1.下圖是為設定浮動的效果 學習div的浮動屬性 效果圖 2.設定div1為左浮動.son1效果圖 當div1設定浮動，完全脫離了標準流之後，其他div視div1不存在,佔據了div1的位置，div2的內容環繞著浮動的容器。由於div1設定了margin屬性，所以div2的內容和div1之間存在一定...
div標籤消除浮動
1 第乙個div 第二個div 1 的截圖為，可以看到，id2和id3並沒有在id1中。這就是沒有清除浮動的效果。清除浮動的方法 1 對父級設定合適的高度 對父級設定合適的高度進行清除浮動，父級內內容的高度為20px 2px 22px，在id1中增加樣式height 22px 即可。效果圖 缺點 對...