最近在切圖,問題真是多硅急。
float
假設(shè)父元素中所有的子元素都float了覆享,那么父元素就會失去height
,那么這個時候就需要清除浮動了营袜。
聲明一下:這種方法不考慮IE那個貨撒顿。。荚板。
很簡單的方法就是給父元素加上
overflow: hidden;
- 納尼凤壁!如此就好?
yes跪另! - 那么你怎么還不會拧抖!
咳咳,我把overflow加到了浮動元素上免绿,所以在使用開發(fā)者工具來查看元素的時候唧席,父元素一直沒有高度…唉~
why float
為什么要使用float?
在使用float之前嘲驾,我排除了table淌哟,選擇div這里是一片日歷——沒錯,全部都是div辽故。以前沒這么做過徒仓。我不是很想用float,所以就使用了display:inline-block;
但是這里出現(xiàn)了一個問題誊垢,那就是div之間有間隔不止 3px掉弛!什么情況?你怎么解決的喂走?
我也不知道殃饿,一開始以為是margin,padding的問題缴啡,加了css
margin:0;padding:0;
但是沒有效果壁晒,這好奇怪。
- 接著呢业栅?
接著我去查了秒咐,是因為我的div們是這樣寫的
<div></div>
<div></div>
<div></div>
…
解決辦法是這樣寫
<div></div><div></div><div></div>
更多好方法參見網(wǎng)上轉(zhuǎn)載文章
http://www.w3cplus.com/css/inline-blocks.html
我最后選擇float。
如何發(fā)現(xiàn)清除浮動不頂用
- 這個標(biāo)題是啥意思暗庠!携取?
首先這個標(biāo)題所要表達的意思是overflow寫錯地方的場景下。
我寫的那個部分需要設(shè)置margin-bottom
但是一直沒能得到想要的效果帮孔。就這樣發(fā)現(xiàn)了原來是父元素沒有高度雷滋。 - 那你所用的工具呢不撑?
chrome瀏覽器自帶的開發(fā)者工具,足夠了晤斩。