讓兩個Div並排顯示的多種方法 - 台部落

http://www.jb51.net/css/140705.html 讓兩個Div並排顯示的方法有很多，使用display的inline屬性、通過設置float來讓Div並排顯示都可以實現， ... 請輸入正確的登錄賬號或密碼 註冊 忘記密碼 首頁 jsp 正文 讓兩個Div並排顯示的多種方法 原創 乞丐囡囡 2019-03-1813:44 http://www.jb51.net/css/140705.html 讓兩個Div並排顯示的方法有很多，使用display的inline屬性、通過設置float來讓Div並排顯示都可以實現，感興趣的朋友可以參考下本文 讓兩個Div並排顯示  一、使用display的inline屬性      代碼如下:   AAAA  BBBB   二、通過設置float來讓Div並排顯示      代碼如下:     1111  2222  2222  2222        三、對於兩個div並排，左邊爲絕對寬度，右邊爲相對寬度的，需要用到這種佈局的情況比較多見，如左邊爲導航，右邊爲內容的頁面  1、將最大的容器padding-left固定寬度，左邊的固定寬度的一塊position:absolute，然後right的一塊width爲百分百  2、使用position:absolute。

代碼如下。

      代碼如下:   left  right  這段代碼主要涉及到以下兩點點比較重要的：  （1）兼容firefox實現div高度100%；  （2）div絕對定位的妙用；在頁面佈局的時候，position:absolute如果靈活的應用，可以達到很好的效果。

發表評論 登录 所有評論 還沒有人評論，想成為第一個評論的人麼?請在上方評論欄輸入並且點擊發布. 相關文章 JSP中URL中文參數解決辦法  在JSP頁面中先將中文編碼 import  java.net.URLEncoder;