CSS布局

常用布局:

左右布局:

左右布局又称为两栏布局,一栏作为主体,可自适应,另一栏则做其他部分。

float方法:

float方法:1.给需要浮动的元素添加float:left。 

                    2.给这些元素的父元素添加clearfix的类,并利用伪类清除浮动。

左中右布局:

使用两边float和中间absolute:

元素的水平居中:

垂直居中:

通过display:flex来实现垂直居中;


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 作者: zimosegmentfault.com/a/1190000011358507 前言 现在,我们被称为前端...
    grain先森阅读 5,312评论 3 20
  • 前言 现在,我们被称为前端工程师。然而,早年给我们的称呼却是页面仔。或许是职责越来越大,整体的前端井喷式的发展,使...
    Calvin李阅读 506评论 0 0
  • 以前我对记者的印象,就是一个拿着贴有某个栏目标签的话筒,到处问别人各种问题。我从未觉得他们给老百姓带来了除了娱乐外...
    小红依阅读 90评论 0 0
  • 躺床上躺了很久,不知道为了什么,反转无眠。打开手机看看,北京时间03:08分,这个时候应该说是半夜呢,还是应该叫...
    晓峰笔录阅读 191评论 0 0