15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 网页布局

网页布局

时间:2023-09-27 14:24:01 | 来源:网站运营

时间:2023-09-27 14:24:01 来源:网站运营

网页布局:经典行布局

行布局自适应

行布局自适应限制最大宽

行布局垂直水平居中

行布局固定宽

行布局某部位自适应

行布局导航导航随屏幕滚动

行布局

Margin:0 auto;

上下为0左右居中

Width:100%

页面自适应

{

Position:absolute;

Left:50%;

Top:50%

Margin-left:-50%width;

Margintop:-50%height;

}

垂直水平都居中

经典列布局

1. 两列布局固定

2. 两列布局自适应

3. 三列布局固定

4. 三列布局自适应

圣杯布局的流程方式

Middle部分首先放在container的最前部分

然后是left,right

<div class=”container”>

<div>中间</div>

<div>左侧</div>

<div>右侧</div>

</div>

两翼飞布局的流程方式

Main要放最前边,其次是sub extra

<div class=”main”>

<div>中间</div>

</div>

<div>左侧</div>

<div>右侧</div>

关键词:布局

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭