一、標準檔案流的特性
1、空白折疊
無論多少個空格、換行、tab，都會折疊為一個空格，
2、高矮不齊，底邊對齊
3、自動換行，一行放不下就換行寫
二、行內元素和塊級元素的注意點
1、行內元素不能設定寬高，默認的就是文字的高度，
2、塊級元素可以設定寬高，默認為父親的100%
三、浮動
1、一旦一個元素浮動了，那么，將能夠并排了，并且能夠設定寬高了，無論它原來是個div還是個span，所有標簽，浮動之后，已經不區分行內、塊級了，
2、浮動的元素會互相貼靠
3、標準流中的文字不會被浮動的盒子遮擋住，
4、永遠不是一個東西單獨浮動，浮動都是一起浮動，要浮動，大家都浮動，
5、收縮，一個浮動的元素，如果沒有設定width，那么將自動收縮為內容的寬度
四、浮動的清除
1、浮動有開始，就要有清除，
2、div的高度為零，導致不能給自己浮動的孩子，撐起一個容器，
撐不起一個容器，導致自己的孩子沒辦法在自己的內部進行正確的浮動，
3、如果一個元素要浮動，那么它的祖先元素一定要有高度，
有高度的盒子，才能關住浮動，（記住這句過來人的經驗之語）
4、只要浮動在一個有高度的盒子中，那么這個浮動就不會影響后面的浮動元素，所以就是清除浮動帶來的影響了，
5、clear:both;
clear就是清除，both指的是左浮動、右浮動都要清除，clear:both的意思就是：不允許左側和右側有浮動物件，
6、隔墻法
就是在兩個浮動的div之間寫一個新的div，給這個div加上style="clear:both;"屬性，然后可以給它設定一個height屬性，
這樣就可以給把上下兩個浮動的div分開，互不影響，
<div style="clear:both;"></div> 7、內墻法 1、一個父親是不能被浮動的兒子撐出高度的， 2、一個div里面有浮動的一個元素p，外層的div是沒有設定高度的，如果在這個div里面寫一個 <div style="clear:both;"></div> 作為內墻，那么這個div就會被撐起來，自適應高度大小，
原文地址：https://www.cnblogs.com/qianguyihao/p/7297736.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/277311.html
標籤：其他
上一篇：JavaScript異步編程2——結合XMLHttpRequest使用Promise
下一篇：CSS樣式中的各種居中方式