之前寫專案的時候小麵總是會出現3px的margin，之後再網上搜了一下才知道其原理及解決方法。
原理是：底部的空隙實際上涉及行內元素的布局模型，預設的垂直對齊方式是基線，而基線的位置是與字型相關的，所以底部的空隙有時是2px 3px或者更多，不同的font-size應該也會影響到空隙的大小，不同的瀏覽器也會對空隙的大小造成影響，在ff下為3px，ie6更多，而ie8剛好。
解決方式：
1、給img定義垂直對齊方式vertical-align為top或者bottom（定義為middle時在ie6還有1px上邊距）。
2、還有就是極端的方法就是設定font-size:0;不建議使用。
css 使用margin時易出現的錯誤
前言 margin在布局的時候還是蠻常用到，不過margin還是容易產生一些問題的。想要實現的效果 想要讓box2在box1裡面，距離box1上邊為100px 距離左邊為100px 實際執行的效果 這時候發現，box2在box1裡面確實是距離左邊是100px的，奇怪的是，box2在box1裡面距離上...
https頁面中再次出現莫名的安全警告
上個月費半天勁搞定了乙個https頁面中莫名其妙的安全警告，結果今天又被tester逮到了乙個。這個似乎比上一次哪個更有莫名其妙一點點，當然這個安全警告也是乙個不能穩定復現的問題。從具體場景來看，說是ie的問題也行，說是實現上的問題似乎也可以。具體的出錯場景是這樣的 頁面中有乙個iframe做的模擬...
疑難總結 input標籤出現的莫名空隙問題
今天在做乙個專案的登陸介面時，發現input文字框始終比父元素低一截，如圖 但在往裡輸入字的時候，這個空隙卻消失了！網上找了很多辦法，終於找到解決方法 如果給div和input分別新增不同的背景色，會發現input上方會出現一段空隙，即便二者的內外邊距以及邊框和輪廓都設定為0，依然存在。除錯過程 將...