聊一聊CSS中的 死迴圈

2021-08-01 12:08:27 字數 544 閱讀 9883

什麼是死迴圈呢??比如乙個元素裡面有一張vertical-align為bottom同時高度為192畫素的,此時該高度就是192畫素,假設此時,插入乙個子元素,高度設為100%,如果此時height:100%可以計算,則子元素應該也是192畫素。但是啊但是,我們的父元素height值是auto,豈不是現在高度要從原來的192畫素再加上插入的子元素變成384畫素了,然後height:100%的子元素高度又要變成384畫素,父元素高度又雙倍……死迴圈了!!

實際這是錯誤的,大家不要被誤導了!!

css的padding屬性值和margin屬性值如果是百分比值,則無論是水平方向還是垂直方向都相對于父元素的寬度計算,這就埋下了乙個看似會「死迴圈」的隱患,我們直接看乙個例子

聊一聊CSS中的長度單位的使用

css中有很多屬性可以接受長度值,比如 width,height,margin,padding,border width,font size,text shadow。因為使用場景多,因此css也提供了許多長度單位。有的是日常生活中使用的單位,比如 厘公尺 cm 和英吋 in 有的是印刷行業使用的單位...

聊一聊JavaScript中typeof那點事兒

js是一門指令碼化語言,它在宣告變數時不需確定變數的型別,js在執行時會自動判斷。那麼怎麼判斷變數的型別呢?js提供了typeof運算子,用來判斷變數是什麼型別。方式一 typeof 表示式 對表示式做運算 方式二 typeof 變數名 對變數做運算 型別 結果string string numbe...

聊一聊 Flask 的 jsonify

首先我們來看一段 python from flask import flask,jsonify tasks api v1.0 tasks methods get defget tasks return jsonify if name main true 在這段 裡面,我們看到了今天的主角jsonif...