什么是 Full Block?
Full Block(全宽区块)是一种网页布局方式,区块内容横跨整个视口宽度,常用于 Hero Banner、特色介绍、分隔区域等场景。
为什么使用 Full Block?
Full Block 能有效打破常规容器限制,增强视觉冲击力,提升用户注意力聚焦,同时保持良好的响应式兼容性。
如何实现 Full Block?
通过设置 width: 100vw 并配合 margin-left: calc(50% - 50vw),即可让元素突破父容器限制,实现真正的全宽显示。