浮動問題
參考浮動過後的任何元素都成了block level element
所有內容在浮動，如果不處理，那麼就會很可怕。幸運的是有乙個屬性叫做clear，當將它應用到乙個元素時，它基本上說"停止浮動到這裡"--- 這個元素和它之後的元素都不會浮動，除非你應用乙個新的float到另乙個元素。
clear有三個值:
對父元素的影響
* 對於其父元素來說，元素浮動之後，它將脫離正常的文件流，所以它也無法撐開其父元素, 造成其父元素的塌陷。對其兄弟元素(非浮動)的影響
對其兄弟元素(浮動)的影響
當對div用的百分比時，然後浮動剛剛好，但是如果要為div設定border、padding等等，那麼可能就會超過100%或者父級盒子的大小，因此可以為div設定box-sizing: border-box。
另外乙個問題, 當你有一下布局時：
111
222333
.fl
footer
111
222333
.fl
footer
clearfix
因此概括一下清除浮動(我覺得應該叫閉合浮動更好一點兒，清除浮動只是清除了浮動，但是不能解決高度塌陷的問題)的幾種方法：
.clearfix:after那些年我們清除過的浮動
bfc神奇背後的原理
mdn
當你的私鑰被竊後，會發生什麼
一般來說，證書機構和數字證書行業中最常見的限制是 永遠不要讓私有金鑰出現任何問題。不幸的是，只說 不好的事情可能會發生 有點含糊不清，而且缺乏衝擊力。因此，以下這個真實的例子，希望可以對每個人起到警醒作用。研究人員發現乙個惡意軟體家族，他們利用台灣科技公司，如生產網路裝置的跨國企業d link等公司...
瀏覽器中輸入URL後會發生什麼事情 超級詳細版
這個問題實在是 老生常談，甚至是面試必考題之一，我這裡記錄一下我學習的結果，僅供自己學習 首先要了解的是，乙個瀏覽器 是有好多程序的，比如瀏覽器程序 渲染程序 gpu程序 網路程序 外掛程式程序 瀏覽器程序 是 管理瀏覽器本身的，而渲染程序 基本上是乙個標籤頁乙個，那麼為什麼要說基本上呢？可以看 4...
Mysql插入2 6億條垃圾資料後會發生什麼
今天下午業務人員發現某功能無響應 該功能一天前上線 技術人員初步診斷後發現是某個db不太正常，db為mysql 5.7.18。登陸db伺服器後，進行檢測後發現了如下問題 2個事務狀態為inserting，資料量約為2.65億，事務開始時間為昨晚23點 dw repayment monitor空間擴充...