圖片和文字布局問題

日期：2013-12-13  來源：攀枝花惠康網絡公司

這兩天建造頁面遇如下圖的問題, 清算了一下便利自己同時也但愿便利了同業們…
備注: 按照要求,XHTML架構是固定以下的代碼, 此外圖片跟文字的,寬度比例是隨內容而改變

這問題一時三刻沒有弄出來,經由過程在經典論壇中獲得了wiseinfo輔佐,給了一些提醒在此很是感謝感動!

IE系列瀏覽器-

解決方案:

左圖右文板塊http://blog.gulu77.com/demo/200804/imgfloatleft.html

左文右圖板塊http://blog.gulu77.com/demo/200804/imgfloatright.html

針對IE的http://blog.gulu77.com/demo/200804/floattest.html

問題解決思緒:
在.block內的div設置浮動后問題得以解決。(據我小我理解,IE的解析為 給齊截級元素設置float后,自動賦予對象,所謂的100%高度空間!所以內容才會分為擺布兩塊)

注重文中所指的IE為: IE5.5 / IE6 / IE7

延長思慮:

非IE瀏覽器-
在非IE中則沒有float 100%高度空間的解析, 而我采用了wiseinfo所說的用display:table-call;把.block內的div作為表格單元格顯示問題得以解決

為什么在IE中齊截級元素設置float后,會占100%高度空間,這樣的解析在非IE中確沒有,到底誰的解析才是正確? 他們的解析機制是什么?