關於css calc函式的一些說明

2021-09-03 02:00:18 字數 677 閱讀 6328

calc函式,主要作用是用於動態計算長度,例如:

width:calc(100% - 50px);
上面這句話代表寬度width為瀏覽器可視區域寬度減去50px。

calc可以用於某些不好計算的數值。

calc函式很多瀏覽器都已經相容了

calc支援  + -  *  /  操作符,它允許使用數學表示式。

注意:calc函式()裡面的操作符必須用空格空開,

//關於使用的時候的一些自己遇到坑

今天我在做東西的時候遇到乙個三列布局,要求中間固定,兩邊自適應。我使用了calc函式

width:calc((100% - 1200px) / 2 );
成功解決。

但是後來發現了乙個問題。在縮小瀏覽器視窗的時候,兩邊的width會變小直到消失。但是我們不能讓他完全消失

這是因為,100%的寬度是瀏覽器可視區域視窗。當瀏覽器視窗變小,100%所表示的實際長度也在變小。當小於1200px的時候,兩邊的寬度幾消失了。

對於這種情況,我們需要設定最小高度,或者padding,給兩邊的盒子一些最小寬度。

width: calc((100% - 1200px) / 2 );

min-width: 100px;

像這樣,就解決了

HttpApplication 類的一些說明

以下 msdn 注意 按照以下順序引發應用程式事件 beginrequest authenticaterequest postauthenticaterequest authorizerequest postauthorizerequest resolverequestcache postresol...

關於CString的一些操作函式

cstring a a.getbuffer 0 轉換字串函式。atof 在c語言中存在函式atof 可以將字串轉換為數值,不需要逐個字元解析。其函式宣告為 doubleatof const char nptr cstring物件作為引數也可以完成轉換。cstring digital 123.45 d...

關於qsort函式的一些了解

void qsort void base,nelem,width,cmp base 為要排序陣列的首位址 nelem 為要排序陣列的長度 width 為要排序陣列元素的大小 所佔記憶體空間的大小 簡單示例 對int num 100 中的元素從小到大排序。int num 100 int cmp con...