網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

圖片和文字布局問題

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

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

實現左文右圖板塊-Gulu77

這問題一時三刻沒有弄出來,經由過程在經典論壇中獲得了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中確沒有,到底誰的解析才是正確? 他們的解析機制是什么?

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图