随笔分类 -  网页布局总结

摘要:1. 脱离文档流。 脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。 2. 向左/向右浮动直到遇到父元素或者别的浮动元素。 3. 浮动会导致父元素高度坍塌。 4.浮动元素不占空间 阅读全文
posted @ 2017-10-04 12:24 WFaceBoss 阅读(3528) 评论(0) 推荐(0)
摘要:实现步骤: 第一步,需要一个大容器让图片作为该容器的背景图片。 第二步,再在这个大容器中添加一个二级容器作为滤镜层(指定宽度,高度 ,背景色) 第三步,最后在二级容器中添加需要的的内容 阅读全文
posted @ 2017-09-28 21:35 WFaceBoss 阅读(278) 评论(0) 推荐(0)
摘要:第一种,浮动布局方法 使用float属性对块级元素进行左右浮动 。在通过padding和margin及position进行位置布局。 第二种,使用块级与内联元素特性方法 对元素分别使用 display:inline-block,vertical-aldgn:top指定初始位置。可以使元素既可以使用块 阅读全文
posted @ 2017-09-21 20:39 WFaceBoss 阅读(658) 评论(0) 推荐(0)