【教学目的】一般的行元素模块,都遵循盒子模型(box),浏览器两边会留白,有时候需要设置全宽的行元素,让样式更加美观,比如你在用一张图片做背景的时候,当然不希望两边留白。

这个时候你仍然存在一个疑惑,为什么当前的行模块背景图只是一个局部居中的背景,而不是一个全宽的背景。这时候就涉及到行模块的基础规定。行模块的位置默认出现在页面的Box布局中。所谓Box布局,即为页面主内容视图的范围空间。页面两边会留有一定的空白,主内容出现于页面中央,如下图案例截图所示。

那么当你想实现全宽背景图/背景色样式,但不更改页面内容的Box布局样式,就像下图这样:

点击右上角小铅笔

行拉伸选项 选择拉伸行

保存并查看前台样式,背景图/背景色变成了全宽

专业网站开发网页设计公司

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo