這種方式最好應用於、按鈕、文字之類的居中模式，否則就需要借助inline-block來進行居中布局。
適用於塊級元素不給出寬高的情況下(需要借助transtrom的tanslatex方法)。
#parent#child子元素寬度已知的情況下
#parent子元素 div 絕對定位下面**是可以實現的，但還有點問題，大家幫小花看看~父元素需要被定位
子元素 top、bottom、left、right 四個位置值均為 0
子元素 margin: auto;
#parent#child#parent#child對於未給出寬高的元素，又需要請transform登場了，同時需要做好各瀏覽器的相容。對於我這種懶癌患者，就不給出相容**嘞~我猜吧，大家對這種布局方式最熟悉不過了，平時用的也會比較多，所以呢，你們寫的應該都會比我的好~
這種方式一定要記得給父元素清除浮動啊，不然就尷尬了呢，這裡插播一種全域性性(這個詞似乎不太對)的清除浮動的偽元素方法.
.clearfix:after .clearfixoverflow: hidden;啦）。
哦+語氣~好像跑偏了，說好的布局呢，見下訴**：
#left#right此處做個修改，原來寫的有點問題（發現這種方式父元素的高度是取決於最大子元素的高度，在左邊欄高度大於右邊欄的情況下不會出現問題，但是反過來就塌陷了，所以還是需要給父元素清除浮動）
#left這個方式呢也用到過，但是要考慮的比較多一點，不過其實也還好。#right
接下來請看實現**：
#parent#left#right這種方式實現起來很簡單，但是對後文是有影響的，需要自己解決一下，懶小花就不寫啦~
這個呢，坑肯定是比較多的，建議用在小範圍的布局，當然某些時候用起來確實比較爽歪歪啦
#parent#left#right#parent #left #right注意：左側元素與右側元素優先渲染，分別向左和向右浮動
中間元素在文件流的最後渲染，自動插入到左右兩列元素的中間，隨後設定 margin 左右邊距分別為左右兩列的寬度，將中間元素調整到正確的位置。
.left.right.middle但凡用float的時候都要想一下父元素上清除浮動這個問題！其實感覺跟float的原理差不多，都是將左右兩側的塊先固定好，再對中間部分進行處理，只不過自己可以在不同情況下選擇float或者position。（補充：這種方式的父元素高度取決於中間部分的高度，當兩側高度大於中間高度時，則出現高度塌陷，除非指定父元素的高度，當兩側高度小於中間部分時，可以使用。所以要考慮使用場景慎重選擇不同的方式~）
.parent.left.right.middle.parent.left.right.middle為了不誤人子弟，在這先說明只是參考參考喲（歡迎大佬糾正）~
前端常見的布局方式
一 靜態布局 static layout 布局概念 最傳統 原始的web布局設計。網頁最外層容器 outer 有固定的大小,所有的內容以該容器為標準,超出寬高的部分用滾動條 overflow scroll 來實現滾動查閱。優點採用的是css2之前的寫法,不存在瀏覽器相容性。布局簡單。缺點但是移動端不...
前端常見的布局方式 網格布局
一 網格布局 1 常規情況 html div class container div class text 1asdasdasdas adasdasdasdasdasdasdasdasdasdqweqweqwewqe qweqweqweqweqweqweqwdasdasdasdasd div div...
常見的四種前端布局方式
1.自適應 2.響應式 3.靜態 4.流式 剛剛接觸網頁設計的時候，常常分不清響應式布局和自適應布局，其實他們就是 傻傻分不清楚 即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap.或...