這種方式最好應用於、按鈕、文字之類的居中模式，否則就需要借助inline-block來進行居中布局。
適用於塊級元素不給出寬高的情況下(需要借助transtrom的tanslatex方法)。
#parent
#child
適用於塊級元素知道寬度
#parent
#child
子元素寬度已知的情況下
#parent
子元素 div 絕對定位父元素需要被定位
子元素 top、bottom、left、right 四個位置值均為 0
子元素 margin: auto;
#parent
#child
#parent
#child
#parent
#child
這種方式一定要記得給父元素清除浮動啊，不然就尷尬了呢，這裡插播一種全域性性(這個詞似乎不太對)的清除浮動的偽元素方法.
.clearfix
:after
.clearfix
#parent
#left
#right
此處做個修改，原來寫的有點問題（發現這種方式父元素的高度是取決於最大子元素的高度，在左邊欄高度大於右邊欄的情況下不會出現問題，但是反過來就塌陷了，所以還是需要給父元素清除浮動）
#left
#right
#parent
#left
#right
這個呢，坑肯定是比較多的，建議用在小範圍的布局，當然某些時候用起來確實比較爽歪歪啦
#parent
#left
#right
#parent
#left
#right
注意：1. 左側元素與右側元素優先渲染，分別向左和向右浮動
中間元素在文件流的最後渲染，自動插入到左右兩列元素的中間，隨後設定 margin
2. 左右邊距分別為左右兩列的寬度，將中間元素調整到正確的位置。
3. 但凡用float的時候都要想一下父元素上清除浮動這個問題！
.left
.right
.middle
.parent
.left
.right
.middle
不得不說的是其實很多布局都可以用flex來實現(簡單粗暴嘿嘿)，但是flex的相容性不是很好，並且還有別問題，所以保險起見還是選擇常用的，這裡簡單介紹下。
.parent
.left
.right
.middle
第一步，先將主欄左浮動，並設寬度為100%，即鋪滿父元素第二步，將左欄左浮動，並設左外邊距為-100%
第三步，將右欄左浮動，並設左外邊距為負的自身寬度
第四步，設定主欄，嘿嘿，這時候不管你使用什麼方法都達不到效果，解決辦法就是給主欄的內容加乙個包裹層，並設左右外邊距為左右兩側的寬度。
第五步，好了，完美！（但是別忘了，要清除浮動哦~）
type="text/css">
#parent
#middle
#middle
.con
#left
#right
style>
id="parent">
id="left">
div>
id="middle">
class="con">
div>
div>
id="right">
div>
div>
第一步：建立三個層層巢狀的div塊，來作為三塊布局的背景第二步：在第三層寫入三列布局
body
#left
#right
#middle
#backleft
#backmiddle
#backright
style>
id="backleft">
id="backmiddle">
id="backright">
id="middle">
le;middle;middle;middle;middle;middle;middle;middle;middle;middle;middle;middl
div>
id="right">rightdiv>
id="left">leftdiv>
div>
div>
div>
（借鑑度90%）
前端小技巧
1 形成如下效果 文字居於框中 一般給span標籤加框框，會比較貼合緊密，不好看 font size 1.3rem border 1px solid 337ab7 padding 0 10px height 20px line height 20px 加完之後行高與高度一樣 框就會高一點，如果單憑想...
div布局小技巧
第一 多個div整齊排列在外層div中，如圖 看到所有小的div的前後左右間隔都相等。假定已經製作好上述單元div控制項。在外層大div中迴圈開始建立它們。for var i 0 i cellsum i 上面有interval，自然能計算出cellwidth,cellheight,設定cell的ma...
前端小技巧 一
css常用的一些設定小技巧 幾乎經常用到 一 特殊情況下position的定義 比如這個例子，背景是張，輸入框，提交按鈕 以及下邊的六個按鈕的單擊事件都是固定在之上的。圖1 圖2 設定技巧 1 背景用的是background url 鏈結的 2 將背景設定position relative 背景之上...