每日一題之 float會導致父元素塌陷

2021-10-07 12:42:37 字數 732 閱讀 6936

1 詳解float浮動

浮動會導致dom元素脫離標準文件流。

浮動使行內元素可以設定寬高

文字圍著的效果

收縮效果:div的長度預設是百分百之百,但是加上浮動,就是內容的寬度了。

2 解釋什麼是父元素塌陷

父元素高度自適應,子元素浮動之後,父元素沒有內容撐開高度,因此就會導致父元素的高度為零,造成父元素的高度為零。

3 解決辦法

01/在父元素新增偽元素清除法(相容性較好)

<

!-- html -->

"father"

>

"children"

>

02/父元素設定高度

03/父元素設定overflow:hidden

04/在子元素設定乙個空的div元素。造成**冗餘

"father"

>

"children"

>

"clear:both"

>

05/父元素轉換為行內塊元素
.father
06/給父盒子設定浮動,觸發bfc
.father

Python每日一題之0001 0002

第 0002 題 將 0001 題生成的 200 個啟用碼 或者優惠券 儲存到 mysql 關係型資料庫中。如下 import random import string import mysql.connector import time def rndchar return join random...

JAVA自學之每日一題(八)

題目要求 設計整數棧類 package stack public class test system.out.println 當前棧頂元素為 stack.peek system.out.println 當前棧中元素個數為 stack.getsize while stack.empty 如果非空 sy...

每日一題之 hdu 1087

給你n個數,找到乙個子串行單調遞增,且其所有元素的和最大。sample input 3 1 3 2 4 1 2 3 4 4 3 3 2 1 0sample output 4 10 3依照最長上公升子串行的思想,用 dp i 表示以 a i 結尾的子串行中,和最大的值。注意這裡並不是求最長上公升子串行...