文档流指元素在文档中的位置由元素在html里的位置决定，块级元素独占一行，自上而下排列；内联元素从左到右排列脱离文档流的方式： 浮动，通过设置float属性 绝对定位，通过设置position:absolute 固定定位，通过设置position:fixed ...
分类：
其他好文 时间：
2018-04-30 17:59:51
阅读次数：
106
CSS 中父级元素的高度一般由子元素撑开，不会特意设置高度，但是以下情况会造成父级元素高度坍塌，也就是高度为零，影响后面元素的排版。 子元素使用绝对定位 子元素浮动 针对第一种情况，即子元素使用绝对定位，可以使用以下方案： 子元素的绝对定位改为相对定位，如果可以改的话 子元素的绝对定位改为相对定位， ...
分类：
Web程序 时间：
2018-04-29 16:56:08
阅读次数：
367
1.1案例二：使用DIV+CSS布局注册页面:1.1.1需求：使用DIV+CSS的方式完成注册页面的布局:1.1.2分析:1.1.2.1技术分析：【CSS中的盒子模型】?内边距：padding.?边框：border?外边距：margin【CSS中的定位】position属性设置定位：*relative:相对定位*absolute:绝对定位使用另外两个属性:left,top1.1.2.2步骤分析：【
分类：
编程语言 时间：
2018-04-28 14:24:57
阅读次数：
157
一、常见定位方案 在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案: 普通流 (normal flow) 浮动 (float) 绝对定位 (absolute positioning) 二、BFC 概念 Formatting context(格式化上下文) ...
分类：
其他好文 时间：
2018-04-27 17:52:56
阅读次数：
161
CSS样式还有书写顺序？ 样式还有书写顺序？样式这么简单的东西，不是随便写写就行的么。很多初学者，甚至有一定工作经验的人都会发出这种疑问。而样式的书写顺序到底对页面有没有影响呢？答案是肯定的。如何写出好的css样式也是一个优秀的开发者必须要知道的！而且应该养成习惯，融入到开发中！好的习惯不是一点养成 ...
分类：
Web程序 时间：
2018-04-27 14:39:04
阅读次数：
240
用Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。 这就要用到Position属性等。 Position属性有四个值：static、fixed、absolute和relative， 后面两个在布局中的定位里是经常用到的，顾名思义，absolute是指绝对定位， 即将对象从 ...
分类：
其他好文 时间：
2018-04-24 00:15:53
阅读次数：
169
高度塌陷的含义： 父元素的高度，默认被子元素撑开，目前来讲box2多高，box1就多高。此时如果子元素设置浮动，则会导致其完全脱离文档流，子元素脱离文档流将无法撑开父元素， 导致父元素的高度丢失，就是我们说的高度塌陷问题。父元素一旦高度塌陷，则它下边的元素会向上移动， 导致整个页面的布局混乱 。 定 ...
分类：
Web程序 时间：
2018-04-23 18:49:21
阅读次数：
1453
//底部不再需要绝对定位 防止出现闪屏 ... ...
分类：
其他好文 时间：
2018-04-23 15:52:25
阅读次数：
207
CSS布局应该说是页面开发中最基本的，常见的有两列布局、三列布局等。 如要实现一个两列布局（高度固定），左侧固定宽度（300px），右侧自适应，通常想到的方法是浮动和绝对定位，这也是我想到的第一方案，那还有没有其他方案呢？在此总结5种布局方案。 1.浮动方案 2.绝对定位方案 3.table方式布局 ...
分类：
Web程序 时间：
2018-04-21 12:45:33
阅读次数：
150
空白折叠的前提是在html标准文档流的前提下 定位和浮动脱离文档流之后就不会有空白折叠了相对定位不会脱离标准文档流 第一种去除的办法是直接在HTML内去除所有空格 第二种去除办法是给要去除空白折叠元素的父元素加font-size : 0 第三种去除办法是给元素设置margin-top:-4px :f ...
分类：
Web程序 时间：
2018-04-20 16:09:35
阅读次数：
988
