DIV CSS布局的一則技巧

我們知道，div+css的布局模式是現在廣泛採用的網頁布局方法。預設的，新建div標籤總是另起一行。這就產生了乙個問題，即如何使兩個div標籤並列，這樣的布局在實際工作中是比較基本和重要的。假如我們將id分別為side和content的兩個div塊左右排列。

在css檔案中,假如左邊div的css這樣寫：

code:

#side  

那麼右邊div的css就可以對應寫成這樣：

code:

#content  

有以下幾點是值得注意的：

1、float屬性只需定義一處，否則處理不好中間會出現難看的裂口。

2、width和margin-left剛好是相同的數字，保證他們能無縫連線。定義了float屬性後，可以把該div塊理解成懸浮在整個頁面之上，我們知道margin-left是指的塊狀結構外沿距離（其他塊狀結構）邊框/外沿的乙個屬性。如：#content中的值為250，就是規定了它的外沿距離邊框250px。#side的寬度剛好也是250px。這樣的安排確實是一種妥當的解決方案。

Shell 小技巧一則

經常與 shell 為伍的你是不是也會經常碰到下面這些情境 vern 兄攢寫 1 mv somewhere file your folder 2 vi your folder file 要儲存某些檔案到特定目錄，然後開始檢視 編輯 1 cp somewhere foo.c somewhere foo...

duilib list效率優化小技巧一則

經常有人問list資料量上萬的時候，更新效率很低的問題 事實上，對任何介面庫，資料量大到一定程度，優化都是必須的 有人提出了虛擬視窗的方法，就是list只維護少數item，滾動的時候根據顯示範圍調整這幾個item的顯示屬性。這也是個優化方法，而且能夠處理的資料量級理論上非常大。不過這種方法不是太通用...

CSS 陰影動畫優化技巧一則

本技巧來自這篇文章 how to animate box shadow with silky smooth performance 本文不是直譯，因為覺得這個技巧很有意思很有用，遂起一文。box shaodw在我們的工作中使用以及越來越多，伴隨陰影的動畫或多或少都有一點。假設，我們有下面這樣乙個盒子...