關於浮動的那些事

2021-10-09 09:37:55 字數 971 閱讀 2866

浮動,一浮全浮。

浮動的盒子會影響後面的標準流,不影響前面的標準流。

浮動的元素不佔位置

例:[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-y0eaap3i-1599897883157)(

.div2

結果:2盒子不影響1,2相當於浮動起來,3盒子就上到了2盒子的位置,被2盒子覆蓋

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-af7kebbf-1599897883162)(

1盒子浮動起來,影響2盒子,1壓著2盒子,3盒子雖然浮動,但是不影響2.

浮動盒子只會影響後面的標準流

在一些需求下,父盒子不能設定高度。例迴圈產生一些樣式。浮動之後,子盒子就不能撐開父盒子,導致父盒子沒有高度。

使用場景:

1:父級無高度

2:子元素浮動

3:影響下面的布局

例:1,2,3浮動

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-aaituiio-1599897883165)(

這裡的父盒子就沒有了高度

在最後乙個子盒子後加上塊級元素,為其新增樣式

clear:both;
為父級盒子新增:

overflow

:hidden

缺點:超出部分會消失

clearfix:after

缺點:

ie6,7需要新增

clearfix

claerfix:before,clearfx:after

clearfix:after

html 關於浮動的事

浮動 float left,right,none,注意 浮動元素會把當前的塊級元素變成內聯元素 清除浮動 clear both 清除左右浮動 left 清除左邊浮動 right 清除右邊 浮動 overflow none 清除浮動 hidden 隱藏 scroll 滾動 auto 自動 滾動效果 元...

關於開始的那些事

人總是有惰性的,當然我自己深有體會。一直有個想法想寫寫自己的blog,但隨時間的推移,很久都沒付出行動。最近工作專案開始不那麼忙了,維護乙份自己的blog的想法愈發強烈了。想把自己的一些想法,或者看到的一些有用的東西給大家分享,也給自己留下成長的痕跡。我從小喜歡看書,各種各樣的書屬於不求甚解的狀態。...

關於coredump的那些事

今天在網上搜了一些有關coredump的知識,簡單記一下,以防忘記 core dump檔名的模式儲存在 proc sys kernel core pattern中,預設是core 主要是今天比較鬱悶,要除錯程式crash,就用ulimit c unlimited設定了一下core檔案的大小,但是測試...