IE7以降およびFFではサポートされていないfloatに関するコードの一部 browser_html/css_WEB-ITnose

ie7 chrome ie8 float

コードは次のとおりです:

.....
#a{
width:100px;
border:5px Solid
flo at:left
}
#b{
width:100px;
border:5px
}
width:100px; 100px;
背景色: 黄色;
浮動小数点: 左;

" b">22

33

......

私の質問は、なぜ IE7 で「通常」と表示されるのかということです

IE8/9、Firefox、Chromeで「異常」になるのですが、IE8/9、Firefox、Chromeで正常に表示するにはどうすればよいでしょうか？ ?



ディスカッションへの返信 (解決策)

        #a        {            width: 100px;            height: 100px;            background-color: red;            border: 5px solid #bbbbbb;            float: left;        }        #b        {            width: 100px;            height: 100px;            background-color: green;            border: 5px solid #bbbbbb;            display:inline-block;        }        #c        {            width: 100px;            height: 100px;            background-color: yellow;            border: 5px solid #bbbbbb;        }

Chrome および IE9

        #a        {            width: 100px;            height: 100px;            background-color: red;            border: 5px solid #bbbbbb;            float: left;        }        #b        {            width: 100px;            height: 100px;            background-color: green;            border: 5px solid #bbbbbb;            display:inline-block;        }        #c        {            width: 100px;            height: 100px;            background-color: yellow;            border: 5px solid #bbbbbb;        }

Chrome および IE9

ご回答ありがとうございます! Chrome と IE9 でのこれの原理は何ですか?

ご回答ありがとうございます!これの背後にある原理を聞いてもいいでしょうか

それは、同じ属性が異なるように認識されるだけです