**如下：
.child1
.child2
.clearfix::after
.child1
.child2
.child3
設定main寬度為100%，再設定兩個側欄的寬度。
設定 負邊距，child2設定 負左邊距 為100%，child3設定 負左邊距 為負的自身寬度。
還可以設定包裹多個塊元素的父元素display: flex; justify-content: center;。
如果是多個塊元素垂直排列的話，就利用margin: 0 auto;。
padding-top和padding-bottom
css常見布局方式
布局是css中乙個重要部分，下面總結了css布局中的常用技巧，包括常用的水平居中 垂直居中方法，以及單列布局 多列布局的多種實現方式 包括傳統的盒模型布局和比較新的flex布局實現 一 居中方式 水平居中 水平居中對於子元素為行內元素還是塊狀元素，寬度一定還是寬度未定，採取的布局方案是不同。行內元素...
css的常見6種布局方式
下面主要是針對三欄布局進行介紹 常見的三欄布局有，流體布局 聖杯布局 雙飛翼布局 flex布局 絕對定位布局 網格布局 流體布局 兩邊的寬度是固定的，中間的寬度是可以根據螢幕的大小進行改變的。實現的關鍵點是，左邊還有右邊的元素分別給他們設定浮動，即左邊設定成左浮動，右邊是右浮動，並且要設定成固定的寬...
CSS常見布局
一 聖杯布局 雙飛翼布局 布局特點 左右兩欄固定寬度，中間部分自適應 三列等高 實現乙個左邊100px右邊150px中間自適應的布局 先來看看效果圖 這是top 這是left 這是content 這是多行高度！這是right 這是foot 過程說明 1.先寫乙個基本布局 2.將中間left cont...