摘要: 很简单的文档流布局 Document 网站简要说明 微信微博关注 ... 阅读全文
posted @ 2018-05-07 22:39 cl94 阅读(1159) 评论(0) 推荐(0) 编辑
摘要: 详解CSS float属性 float本身不脱离文档流,但是和 position:absolute;搭配使用会脱离文档流 阅读目录 基础知识 float的详细细节 float特殊情况 clear属性 清除浮动 float的应用 总结 CSS中的float属性是一个频繁用到的属性,对于初学者来说,如果 阅读全文
posted @ 2018-05-07 21:40 cl94 阅读(879) 评论(0) 推荐(0) 编辑
摘要: 盒模型 html文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒模型。盒模型通过四个边界来描述:margin(外边距),border(边框),padding(内边距),content(内容区域),如图所示: 阅读全文
posted @ 2018-05-07 18:44 cl94 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 1、static(静态定位): 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。参考上篇随笔。 2、relative(相对定位): 定位为relative的元素脱离正常的文档流,但其在文档流中的位置依然存在,只是视觉上相对 阅读全文
posted @ 2018-05-07 16:25 cl94 阅读(4464) 评论(0) 推荐(0) 编辑
摘要: 文档流,即(position:stiatic),是html布局机制的默认状态。 文档流在排列的过程中,块级元素从上到下,行内元素,从左到右。 ·块级元素 <div> <h系列> <form> <table> <p> ... ·行内元素 <span> <title> <strong> <input> 阅读全文
posted @ 2018-05-07 16:06 cl94 阅读(205) 评论(0) 推荐(0) 编辑