整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
dd oncopy
Add oncut
Add onpaste
Modify header/footer content model to allow <header> and <footer> descendants
Allow blank <option>
Change mousewheel event to wheel event
Make stepup/down algorithm reflect reality
Allow <figcaption> anywhere in <figure>
Add HTMLMediaElement.srcObject
Make <script>'s event and htmlFor IDL attributes
Clear autoplaying flag when autoplaying
Make navigator.javaEnabled()
Support width="0" except for <td>
Make toblob() callback non-nullable
Make meta refresh parsing reflect reality
頁底留言開放，歡迎來吐槽）
● ● ●
DIV+CSS 清除浮動是頁面布局中常見的問題，相信各位高手也都有自己的方法，今天在這里對常見的幾種方法進(jìn)行總結(jié)（PS：談不上是原創(chuàng)，這里是我自己做的歸納總結(jié)，也是我自己內(nèi)化的過程），希望對您能夠有所幫助。
DIV+CSS 浮動效果是指，父元素在未定義高的情況下，由于子元素全部浮動脫離文本流，而造成父元素高的塌陷（PS:正常情況下，父元素的高是由子元素?fù)纹饋恚换蛘咭驗(yàn)椴糠肿釉氐亩樱撾x文本流而造成其他元素的布局錯(cuò)亂的情況。
DIV+CSS 清除浮動 常見的方法如下：
1、給未加浮動的子元素的CSS添加 clear: both;若子元素都有浮動時(shí)，可以新增加一個(gè)空的子元素，并且給其的CSS添加 clear: both;這樣可以利用清除左右浮動的子元素重新?lián)纹鸶冈氐母撸瑥亩_(dá)到清除浮動的效果。代碼及效果如下：
<style type="text/css">
.fl{float:left;}
.demo{background:#ccc;}
.item1{background:#F571E3;height:100px;width:100px;}
.item2{background:#21B2F7;height:200px;width:100px;clear: both;}
</style>
</head>
<body>
<h2>用 clearfix 清除浮動</h2>
<div class="demo">
<div class="fl item1"></div>
<div class="item2"></div>
</div>
</body>
清除浮動前，item1左浮動的效果（此時(shí)父元素的高是被未浮動的item2元素的高撐開）：
清除浮動前，item1右浮動的效果（此時(shí)父元素的高是被未浮動的item2元素的高撐開）：
清除浮動后的效果（因?yàn)镈IV是塊級元素，會獨(dú)占一行，所以item2會在下面一行，此時(shí)父元素的高是被item1元素和item2元素的高撐開）：
2、子元素全部浮動時(shí)，給父元素的CSS添加 overflow: hidden;（子元素沒有全部浮動時(shí)，不浮動的元素會撐開父元素的高，但是由于浮動元素造成的布局應(yīng)該再利用padding進(jìn)行修改），但是此方法父元素不能改使用position進(jìn)行定位，否則不起作用。代碼及效果如下：
.demo{background:#ccc;overflow: hidden;}
.item1{background:#F571E3;height:100px;width:100px;}
.item2{background:#21B2F7;height:200px;width:100px;}
<div class="fl item2"></div>
清除浮動前的效果，由于父元素的高塌陷，所以背景 background:#ccc; 沒有起效果：
清除浮動后的效果：
3、給父元素加 偽類:after 和 zoom，代碼及效果如下：
.demo{background:#ccc;zoom: 1;}
.demo:after{display:block;clear:both;content:"";visibility:hidden;height:0}
4、如果是在使用bootstrapt，則可以給其父元素添加class 為 clearfix 的類，代碼及效果如下：
<div class="demo clearfix">
以上方法各有利弊，大家可以根據(jù)自己的理解選擇使用，還有一些其他的清除浮動的方法，例如讓父元素浮動、讓父元素 display:table 等等其他，個(gè)人并不推薦使用。
干貨！免費(fèi)領(lǐng)取騰訊高級講師網(wǎng)頁設(shè)計(jì)教程
點(diǎn)我領(lǐng)取
點(diǎn)擊下方“閱讀原文”結(jié)交更多有才華的設(shè)計(jì)師！
↓↓↓
篇文章給大家?guī)淼膬?nèi)容是關(guān)于php中常用的采集函數(shù)的總結(jié)（附代碼），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對你有所幫助。
這幾天關(guān)注了一下PHP的采集程序，才發(fā)現(xiàn)用PHP采集內(nèi)容是這么方便，把經(jīng)常用到的采集函數(shù)在這里總結(jié)一下，方便以后使用!
獲取所有鏈接內(nèi)容和地址
function getAllURL($code){
preg_match_all('/<a\s+href=["|\']?([^>"\' ]+)["|\']?\s*[^>]*>([^>]+)<\/a>/i',$code,$arr);
return array('name'=>$arr[2],'url'=>$arr[1]);
}
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
