原创 清除浮動

.clearfix:after { content: ''; display: block; height: 0; overflow: hidden; clear: both; }.clearfix { *zoom: 1; }簡化.fix:

原创 CSS的width:100%和width:auto區別

一、   問題前段時間在調整樹結構的時候,發現如果樹的節點名稱比較長的話在IE6下則不會撐開外面的元素,導致節點的名稱只顯示了一半,同時圖標和名稱換行顯示了,但是在IE8和IE9下則顯示正常。定位到問題後,最終發現是下面的屬性導致的,如下圖

原创 清除浮動

.clearfix:after { content: ''; display: block; height: 0; overflow: hidden; clear: both; }.clearfix { *zoom: 1; }簡化.fix:

原创 浮動與兩側皆自適應的流體佈局

<!doctype html><html><head><meta charset="utf-8"><title>浮動與兩側皆自適應的流體佈局</title><style>body { font-size: 14px; background-

原创 CSS的width:100%和width:auto區別

一、   問題前段時間在調整樹結構的時候,發現如果樹的節點名稱比較長的話在IE6下則不會撐開外面的元素,導致節點的名稱只顯示了一半,同時圖標和名稱換行顯示了,但是在IE8和IE9下則顯示正常。定位到問題後,最終發現是下面的屬性導致的,如下圖

原创 文件的上傳與下載1

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><link rel="stylesheet" type="text/css" href="css/img.c