標(biāo)準(zhǔn)盒模型 IE盒模型
關(guān)鍵在與內(nèi)容是否包括border和padding
js如何獲取盒模型對應(yīng)的寬和高
dom.style.width//行間樣式
dom.currentStyle.width//非行間樣式的IE
getComputedStyle（dom,null）.width//非行間樣式標(biāo)準(zhǔn)
dom.getBoundingClientRect().width//可以獲得四個值仓犬，left蜂厅，top,width,height
css的邊距重疊問題
BFC：塊級元素格式化上下文
原理：
1.垂直的邊距會發(fā)生重疊；
2.BFC區(qū)域不會與浮動元素重疊周瞎；
3.BFC是一個獨立的容器黄琼，不受外界影響樊销，也不會影響外界元素
4.計算時浮動元素也算上
觸發(fā)方式：
根元素
1.overflow不為visible；
2.float值不為none;
3.position不為static和relative脏款；
4.displayinline-block,title ,title-cell,table-caption
實際應(yīng)用：
1.邊距重疊問題
margin會發(fā)生重疊
我們可以給發(fā)生重疊的元素增加一個父元素然后設(shè)置overflow：hidden
2.布局的應(yīng)用：
兩欄布局如果左邊為浮動围苫，當(dāng)右邊的高度大于左邊高度，右邊會侵染左邊的區(qū)域撤师；
給你給右邊添加BFC剂府，overflow：hidden
3.清除浮動：
overflow：hidden
盒模型
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門蓖墅，熙熙樓的掌柜王于貴愁眉苦臉地迎上來库倘，“玉大人，你說我怎么就攤上這事论矾〗挑妫” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵贪壳，是天一觀的道長饱亿。 經(jīng)常有香客問我，道長闰靴，這世上最難降的妖魔是什么彪笼？ 我笑而不...
- 正文 為了忘掉前任蚂且，我火速辦了婚禮配猫，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘杏死。我一直安慰自己冯丙，他們只是感情好风宁，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著幽崩，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼嗦随，長吁一口氣：“原來是場噩夢啊……” “哼列荔！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起称杨，我...
- 正文 年R本政府宣布乡范，位于F島的核電站配名，受9級特大地震影響啤咽，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜渠脉，卻給世界環(huán)境...
- 文/蒙蒙 一宇整、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧芋膘，春花似錦鳞青、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至习寸，卻和暖如春埃儿，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背融涣。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
- 題目：談?wù)勀銓ss盒模型的認(rèn)識科雳？ 答: 基本概念：padding,margin,border,content 標(biāo)...
- css盒模型 1.題目：談?wù)勀銓ss盒模型的認(rèn)識（從理論轉(zhuǎn)化到應(yīng)用） 基本概念：標(biāo)準(zhǔn)模型+ IE模型border...
