文档流（标准流） 1、元素自上而下，自左而右 2、块元素，独占一行，行内元素在一行上显示，碰到父级元素的边框换行 浮动left 浮动的框可以向左或是向右移动，直到它的边缘碰到包含框或是另个浮动框的边框为止 特点 设置了浮动的元素不占原来的位置（不在标准流） 可以让块级元素在一行显示 浮动可以行内元素 ...
分类：
Web程序 时间：
2017-09-14 20:08:06
阅读次数：
261
【js获取元素位置+元素大小】全面总结 目录 目录 1.关于offset offsetParent（只读） 兼容性： 块级元素&行内元素 offsetTop（只读） offsetLeft（只读） offsetHeight（只读） offsetWidth（只读） 2.滚动尺寸scroll 可以设置这些 ...
分类：
Web程序 时间：
2017-09-13 22:11:42
阅读次数：
242
首先区分一下3类元素：1）块级元素：div、p等这一类具有宽高属性，且单独占一行的元素；2）占位元素：img、input这一类具有宽高属性、紧随上一个元素不单独占一行的元素；3）内联元素：span、strong这一类不具有宽高属性，且紧随上一个元素不单独占一行的元素。本文主要讨论内联元素的paddi... ...
分类：
其他好文 时间：
2017-09-13 00:27:37
阅读次数：
190
Overflow:hidden 对行内元素无效，必须是块级元素，并且设置宽度高度。 隐藏之后元素依然占据着位置。 Display:none 使用此属性之后元素不存在了，元素占据的位置也不存在。 Visibility:hidden 使用此属性之后元素不存在了，元素占据的位置依然存在。 ...
分类：
其他好文 时间：
2017-09-11 19:39:24
阅读次数：
146
一、Flex布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。块级元素 display:flex行内元素 display:inline-flex注意 1>.Webkit 内核的浏览器，必须加上-we ...
分类：
其他好文 时间：
2017-09-10 21:40:59
阅读次数：
111
1. 盒子的浮动 在标准流中，一个块级元素在水平方向会自动伸展，知道包含它的元素的边接；而在竖直方向与相邻元素依次排列，不能并排。 CSS中float属性，默认为none。将float属性的值设置为left或right，元素就会向其父元素的左侧或右侧靠紧。同时默认情况下，盒子的宽度不再伸展，而是根据 ...
分类：
其他好文 时间：
2017-09-10 18:56:55
阅读次数：
134
在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。使用“浮动”方式后，块级元素的表现就会有所不同。 CSS中有一个float属性，默认为none，也就是标准流通常的情况。如果将float属性的值设置为left或right，元素就会向其父元 ...
分类：
Web程序 时间：
2017-09-10 10:07:11
阅读次数：
1354
一、行内元素-水平居中 在父元素的样式中添加： 二、定宽块级元素-水平居中 所谓定宽块级元素指块级元素的宽度指定，而不是默认的100%，否则此方法无效； 代码： 三、不定宽块级元素-水平居中 三种思路： 以上是例子代码。 ...
分类：
Web程序 时间：
2017-09-09 17:13:45
阅读次数：
238
1.常见的块级元素均具有盒子模型的特征； 2. 等价于： 其中： 1）、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2）、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: 3）、border-width ...
分类：
其他好文 时间：
2017-09-09 15:21:16
阅读次数：
128
块级元素和行级元素都是盒子模型。 <wrap>包裹网页上中下块级元素，设置wrap使网页居中。 wrap{ width:700px; margin:0 auto;} 盒子模型的三位立体图： 边框（border），位于盒子的第一层。 元素内容（content）、内边距（padding），两者同位于第二 ...
分类：
Web程序 时间：
2017-09-08 20:29:07
阅读次数：
266
