無標題文件
title
>
<
style
type
="text/css"
>
style
>
head
>
<
body
>
<
p>
begin
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
這是為了增加高度
p>
<
p>
endp
>
div>
<
div
class
=fixed
>
position: fixed;我始終在螢幕左上角哦
div>
body
>
html
>
樣式中文注釋後引發失效
注釋造成文字溢位
多了乙隻豬
title
>
head
>
<
body
>
<
div
style
="width:400px"
>
<
div
style
="float:left"
>
div>
<
div
style
="float:right;width:400px"
>
↓這就是多出來的那只豬
div>
div>
body
>
html
>
用ie6看一下，你會發現真的會多出乙隻「豬」！由注釋造成文字溢位，屬於ie6的bug
1、不放置注釋。最簡單、最快捷的解決方法；
2、注釋不要放置於2個浮動的區塊之間；
3、將文字區塊包含在新的
之間，如：↓這就是多出來的那只豬
；4、去除文字區塊的固定寬度，與3有相似之處；
5、在後面加乙個
或者空格；（不推薦）
6、使用ie注釋格式，如：
7、給盒子加position:relative;屬性
奇數寬度
IE6 遇到bug及解決辦法
當頁面上的元素使用 float 浮動時，不管是向左還是向右浮動 只要該元素帶有 margin 畫素都會使該值乘以 2，例如 margin left 10px 在 ie6 中，該值就會被解析為 20px。想要解決這個 bug 就需要在該元素中加入 display inline 或 display bl...
IE6 雙倍水平外邊距BUG以解決方案
出現條件 1 沒有設定display inline的塊元素 2 浮動元素 3 設定了水平外邊距 浮動的方向和水平外邊距設定的方向一致 4 元素與父容器之間 備註 因為浮動都有其相對應的物件，只有相對於其父容器的浮動才會出現這樣的問題。第乙個元素是相對父容器的，而第二個是相對第乙個兄弟元素的，所以第二...
IE6 雙倍水平外邊距BUG以解決方案
出現條件 1 沒有設定display inline的塊元素 2 浮動元素 3 設定了水平外邊距 浮動的方向和水平外邊距設定的方向一致 4 元素與父容器之間 備註 因為浮動都有其相對應的物件，只有相對於其父容器的浮動才會出現這樣的問題。第乙個元素是相對父容器的，而第二個是相對第乙個兄弟元素的，所以第二...