網(wǎng)頁(yè)布局
時(shí)間：2023-09-27 14:24:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-09-27 14:24:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
網(wǎng)頁(yè)布局：經(jīng)典行布局
行布局自適應(yīng)
行布局自適應(yīng)限制最大寬
行布局垂直水平居中
行布局固定寬
行布局某部位自適應(yīng)
行布局導(dǎo)航導(dǎo)航隨屏幕滾動(dòng)
行布局
Margin:0 auto;
上下為0左右居中
Width:100%
頁(yè)面自適應(yīng)
{
Position：absolute；
Left:50%;
Top:50%
Margin-left:-50%width;
Margintop:-50%height;
}
垂直水平都居中
經(jīng)典列布局
1. 兩列布局固定
2. 兩列布局自適應(yīng)
3. 三列布局固定
4. 三列布局自適應(yīng)
圣杯布局的流程方式
Middle部分首先放在container的最前部分
然后是left,right
<div class=”container”>
<div>中間</div>
<div>左側(cè)</div>
<div>右側(cè)</div>
</div>
兩翼飛布局的流程方式
Main要放最前邊，其次是sub extra
<div class=”main”>
<div>中間</div>
</div>
<div>左側(cè)</div>
<div>右側(cè)</div>
在線咨詢