原创 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 的私有概念,它決定了一個元素如何顯示以及約束其包含的內容、如何與其他元素交互和建立聯繫、如何響應和傳遞應用程序事件/用戶事件等,這有點類似於一個窗體的概念。微