2016年5月13日
全屏布局
摘要： 方法一 html,body,.parent{margin:0;height:100%;overflow:hidden;} body{color:white;} .top{ position:absolute;top:0;left:0;right:0;height:100px; background: 阅读全文
posted @ 2016-05-13 21:11 浪迹天涯2015 阅读(121) 评论(0) 推荐(0)
多列布局
摘要： 一列定宽 一列自适应 .parent{ } .left{float: left; width: 100px;} .right{margin-left: 120px;} 3像素BUG .left{ float: left; width: 100px; position: relative; } .ri 阅读全文
posted @ 2016-05-13 21:08 浪迹天涯2015 阅读(115) 评论(0) 推荐(0)
居中布局
摘要： 1.1 水平居中 方法1 .parent{ text-align: center; } .child{ display: inline-block; } 方法2 .child{ display: table; margin: 0 auto; } 方法3 .parent{ position: rela 阅读全文
posted @ 2016-05-13 21:06 浪迹天涯2015 阅读(108) 评论(0) 推荐(0)