常用布局:
左右布局:
左右布局又称为两栏布局,一栏作为主体,可自适应,另一栏则做其他部分。
float方法:
float方法:1.给需要浮动的元素添加float:left。
2.给这些元素的父元素添加clearfix的类,并利用伪类清除浮动。
左中右布局:
使用两边float和中间absolute:
元素的水平居中:
垂直居中:
通过display:flex来实现垂直居中;
左右布局:
左右布局又称为两栏布局,一栏作为主体,可自适应,另一栏则做其他部分。
float方法:
float方法:1.给需要浮动的元素添加float:left。
2.给这些元素的父元素添加clearfix的类,并利用伪类清除浮动。
左中右布局:
使用两边float和中间absolute:
元素的水平居中:
垂直居中:
通过display:flex来实现垂直居中;
本文标题:CSS布局
本文链接:https://www.haomeiwen.com/subject/wmfhjqtx.html
网友评论