html前端快速布局?

发布网友发布时间：2023-06-22 15:40

共1个回答

热心网友时间：2024-11-15 20:41

1、left、center、right三种都设置左浮动

2、设置center宽度为100%

3、设置负边距，left设置负边距为100%，right设置负边距为自身宽度

4、设置content的margin值为左右两个侧栏留出空间，margin值大小为left和right宽度。

1、流动布局（html网页默认的布局方式）
特点：
1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。
2、内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

2、浮动布局(float)
特点：默认布局下，块状元素独占一行，如果现在我们想让两个块状元素并排显示。就需要使用float来实现。