css定位之浮动定位
摘要：
浮动定位可以是原本垂直排列的块级元素，变成水平排列1浮动元素 float:left 或者float:right 这些浮动会直接碰到父容器的边界为止。2设置了浮动的元素，元素会脱离标准文档流中，但是元素内容会仍然占据文档流中的空间 float定位 float:left 测试测试测试测试测试测试... 阅读全文
posted @ 2016-01-23 17:50 苍狼之眼 阅读(217) 评论(0) 推荐(0) 编辑
css盒子模型层级3D图
摘要：
作为前端开发工程师，大家都应该知道盒子模型。下面用一张图来表达3D盒子模型的层级关系大家可以看到background-color 在background-image的下一层。这个希望对大家有帮助 阅读全文
posted @ 2016-01-23 16:47 苍狼之眼 阅读(1054) 评论(0) 推荐(0) 编辑
css布局之三列布局
摘要：
网站上使用三列布局的还是比较多的,不过三列和两列有些相似：1.自适应三列 三列自适应布局 2.固定两列，自适应中间一列这个要考虑多种情况，我就遇见过下面的情况，大家可以看看 三列两固定中列自适应布局 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测... 阅读全文
posted @ 2016-01-23 14:30 苍狼之眼 阅读(179) 评论(0) 推荐(0) 编辑
css布局之两列布局
摘要：
我们见过两列布局的网站也很多，不过这种两列布局的分为两种：自适应和固定宽度1.自适应两列布局 两列之自适应布局 高度其实在开发中是不要加入的，因为这里是为了更加好的展示这个demo所以设置了高度。这个demo就是自适应的，根据页面的的宽度自动调整左右两列的宽度，大家可以试试。2.下面是一个固... 阅读全文
posted @ 2016-01-23 12:06 苍狼之眼 阅读(366) 评论(0) 推荐(0) 编辑
css布局之一列布局
摘要：
在我们浏览网页中经常看见一列布局其实一列布局就是一般的一列布局的都是固定宽度的body{margin:0;padding:0}.main{width:800px;height:300px;background:#ccc;margin:0 auto} margin: 0 auto 就是给div水... 阅读全文
posted @ 2016-01-23 11:50 苍狼之眼 阅读(226) 评论(0) 推荐(0) 编辑
