浮動,一浮全浮。
浮動的盒子會影響後面的標準流,不影響前面的標準流。
浮動的元素不佔位置
例:[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(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檔案的大小,但是測試...