css布局的漂浮(不怎麼用,了解一下,也寫不到)
用到float屬性:有兩個屬性值:
none:預設值。物件不漂浮。
left : 文字流向物件的右邊。
right : 文字流向物件的左邊。
例1://漂浮.html
aaaaaaaaaaaaa
bbbbbbbbbbbbbb
cccccccccccccc
效果:
解釋:div標籤的特點是自動換行。
正常情況下,div1,div2,div3是依次從上往下排列。這就是乙個文字流。
當給第乙個div設定成left之後,會把它自己的內容居左,它後面的內容居右。即把div2放到div1的右面。
div2走了之後,空出來的位置,div3補上。
CSS的盒子模式和漂浮
css的盒子模型title type text css div div 1 div 2 div 3 style head id div 1 第乙個盒子11第乙個盒子11 div id div 2 第二個盒子22 div id div 3 第三個盒子33 無標題文件title type text cs...
CSS 常見的css布局
1 單列布局 主要使用max width屬性樣式實現,使用max width是為了當螢幕小於2000px時不出現滾動條 2 兩列自適應布局 兩列自適應布局是指一列由內容撐開,另一列撐滿剩餘寬度的布局方式,為了觸發ie瀏覽器的haslayout屬性,需設定zoom 1 2.1 使用float over...
CSS布局入門 css
css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位,通過層的margin,padding,border等屬性來控制版塊的間距。分析乙個典型的定義div例子 sample 說明如下 下面是這個層...