全屏布局(學習筆記)

? ? ? ?一個簡單的全屏布局結構

? ? ? 上面一個頂欄,下面一個底欄,中間是一個側邊欄和主欄.

? ? ? ?特點一 ? ? 隨著瀏覽器的變大,布局也是充滿瀏覽器; ? ?特點二 ? ? 滾輪出現在內容區域.

如圖1

大家來看一個簡單的全屏布局需求:

需求

解決方案一:position(scroll)

解決樣式

解決方案二:flex

flex樣式

思考下,另外一個需求?該怎么做

自適應,內容撐起來


樣式

? ? ? 有內容撐起來的寬度和高度,我們不用設置寬高,所以把寬高不設置即可

一天一點點的學習,一點點的進步,讓自己更加強大

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,801評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,334評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4 61
  • 優化MYSQL數據庫的方法1、選取最適用的字段屬性,盡可能減少定義字段長度,盡量把字段設置NOT NULL,例如'...
    lmh829閱讀 275評論 0 0