盒子高度=內容高度+填充+邊框+外邊距
盒子寬度同理
左浮動 left
右浮動 right
(1)浮動了兩個div元素div2和div3
div2--->>行內塊元素沒有獨佔一行
div3--->>緊跟在div2的右邊
div4--->>緊跟在div1的下面
浮動了三個div2,div3,div4
div3、div4依次跟在上乙個元素右邊
(2)如果div3元素上乙個元素也是浮動的,那麼div3元素會跟隨在上乙個元素(div2)的後邊(如果一行放不下這兩個元素,那麼div3元素會被擠到下一行);
如果div2元素上乙個元素是標準流中的元素,那麼div2的相對垂直位置不會改變,也就是說div2的頂部總是和上乙個元素的底部對齊。
向右邊浮動,兩個相鄰浮動跟在前乙個左邊
(1)看上乙個是標準就跟在下面
(2)看上乙個浮動方向一致就跟在後面
(3)看上乙個浮動方向不一致就找一致或者標準,然後遵循(1)(2)的規則
就像會飛的賽車,如果我沒有飛,前面的賽車在左側飛起來我就在他下面跑,如果前面的賽車在右側飛,那我不受影響我就繼續向前跑,看前面的左側飛我就在他下面,看他地上跑我就跟在他後面。
如果我在左側飛,前面賽車也在左側飛,那麼空中車道已經滿了,我只能跟他並肩飛並且在他右邊。
如果我在右側飛,前面賽車也在右側飛,那麼空中車道已經滿了,我只能跟他並肩飛並且在他左邊。
(1)粗略定位
float:left 左
float:right 右
(2)精準定位(向上找)
假設我是左浮動
9、塊級元素:
獨佔一行,可以設定寬和高 此元素前後會帶有換行符(block)
內聯元素:設定寬和高沒有作用 inline
行內塊:可以設定寬和高 inline-block
span設定浮動後高度寬度變的有意義
position:relation;
預設:span
相對自己來說
top:垂直偏移量
left:水平偏移量
span運用這個屬性依然無效
(1)如果前面的父(祖)都沒有設定relation或者absolute屬性,top和left相對於body
(2)如果前面的父(祖)都設定relation或者absolute屬性,則按照父(祖)元素定位
3、固定定位:position:fixed;
z-index只能在position屬性值為relative或absolute或fixed的元素上有效,如兩者發生重疊時,z-index的值越大,位置越往上
塊級元素:獨佔一行、可以設定寬和高。此元素前後會帶有換行符。block
內聯元素:設定寬和高沒有作用 inline
行內塊:沒有獨佔一行、可以設定寬和高 inline-block
區別:行內塊取其塊級元素的長處,補其內聯元素的短處
visible 預設值。內容不會被修剪,會呈現在元素框之外
hidden 內容會被修剪,並且其餘內容是不可見的
scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容(預設有滾動框)
auto 如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容(溢位才有滾動條)
visible 預設值,元素是可見的
hidden 元素是不可見的
visibility:hidden;隱藏元素,但其位置空出,新元素不可覆蓋其舊元素位置
display:none;元素消失,新元素覆蓋其舊元素位置
web前端學習 第五天
rgb red green blue 0,10,255 0010fe css中顏色的表示方法 加粗為重點 1 預定義顏色 blue,red,black 2 十六進製制顏色 0f0f0f 3 rgb顏色 128,0,0 全紅 4 rggba,在rgb的基礎上又新增了表示透明度的alpha 5 hsl ...
Python課程第五天作業
dic ls name owen age 18 gender 男 dic k,v for k,v in dic.items ls def fn2 total 0 count 1 while true total count yield total count 1 obj fn2 print obj....
國慶第五天
直接在寢室待了乙個上午 一 matlab 試了一下昨天安裝的matlab2010b發現檔案都打不開,報這個錯 undefined function or method uiopen for input arguments of type char 二 c 1.找到了個之前 裡的乙個問題 把本週開頭和...