原创 CSS學習之三列自適應等高

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>高度相等的列</title> <style type="text/css"> *{ margin:0;

原创 IE6 雙倍水平外邊距BUG以解決方案

  出現條件: 1、沒有設置display:inline的塊元素 2、浮動元素 3、設置了水平外邊距(浮動的方向和水平外邊距設置的方向一致) 4、

原创 連續英文或者數字的強制換行

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>連續英文或者數字的強制換行</title> <style> *{ margin:0; padding:0; }

原创 css hack整理,更新於2011-7-27

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS hack</title> <style> .box{ color:red; *color:gr

原创 CSS學習之DIV容器任意分辨率瀏覽器下水平居中

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>容器任意分辨率下水平居中</title> <style type="text/css"> *{ mar

原创 CSS3學習之等高列

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS3創造3列</title> <style type="text/css"> *{ margin:

原创 IE6 躲貓貓BUG的解決方案

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>IE6 躲貓貓BUG</title> <style> *{ margin:0; padding:0; } #b

原创 IE條件註釋

下面一段代碼是測試在微軟的IE瀏覽器下的條件註釋語句的效果:<!DOCTYPE html> <html> <head> <meta charset="

原创 IE6 浮動元素之間註釋太多 導致重複字符BUG

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>IE6 浮動元素之間註釋

原创 IE float浮動 子元素不能撐開父容器 解決辦法

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>IE float浮動 子元素不能撐開父容器 解決辦法</title> <style> #box{ backgro

原创 外邊距疊加

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>垂直外邊距疊加</title> <style> *{ margin:0; padding:0; } .top{

原创 IE6 相對定位容器中的絕對定位BUG

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>IE6 相對定位容器中的

原创 WEB前端試題

WEB前端試題 http://witmax.cn/web-dev-test-html.html   點贊 收藏 分享 文章舉報 何東獅吼 發佈了52 篇原創文章 · 獲贊 3

原创 IE6 浮動元素與非浮動元素在一起,3px偏移BUG解決方案

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>IE6 浮動元素與非浮動元素在一起,3px偏移BUG</title> <style> *{ margin:0;

原创 hasLayout 介紹,以及其觸發條件

什麼是 haslayout ?     “Layout”是一個 IE/Win 的私有概念,它決定了一個元素如何顯示以及約束其包含的內容、如何與其他元素交互和建立聯繫、如何響應和傳遞應用程序事件/用戶事件等,這有點類似於一個窗體的概念。微