## 浮动 - 使用float设置元素浮动 - 可选值 - none 默认值. 元素不浮动 - left 元素向左浮动 - right 元素向右浮动 - 浮动的特点: - 当元素设置浮动后,元素会向页面左上或右上浮动 - 当浮动元素遇到父元素边框后, 会停止浮动 - 当浮动元素遇到其他浮动元素时,会 ...
分类：
其他好文 时间：
2017-08-10 23:35:33
阅读次数：
118
margin的塌陷现象 （一）在标准文档流中, 垂直方向存在margin的塌陷现象 先上段代码： HTML结构： <div class="box"><div class="box1"></div><div class="box2"></div></div> box1和box2为并列的两个盒子，给bo ...
分类：
Web程序 时间：
2017-08-10 22:18:19
阅读次数：
165
高度塌陷问题是前端新人在布局中遇到的头疼问题，然而，解决这个问题之前，我们需要先明白高度塌陷问题产生的原因。 我们知道，一个块元素在没有设置宽和高的情况下，宽度默认占满父元素全部，而高度默认被子元素撑开，如图A1父元素 没有设置宽高，而其高度被子元素a1撑开为200px，宽度默认是body的宽度，如 ...
分类：
其他好文 时间：
2017-08-04 21:37:29
阅读次数：
185
盒子模型 盒子 盒子关系（标准文档流） 行内元素：只可以设置左右外边距，上下内边距会影响相邻的元素 块状元素：两个垂直的margin会合并，大的margin起作用（margin塌陷 ） 元素嵌套的时候，设置在子元素上的margin会被父元素抢走，解决方案：设置父元素border或者父元素overfl ...
分类：
Web程序 时间：
2017-07-31 01:03:09
阅读次数：
178
absolute 能让元素 inline-block 化：例如一个div标签默认宽度是100%显示的，但是一旦被absolute属性缠上，则100%默认宽度就会变成自适应内部元素的宽度。 float 可以 inline-block 化元素 float 的破坏性：使高度塌陷absolute 的破坏性： ...
分类：
其他好文 时间：
2017-07-28 15:43:13
阅读次数：
135
在Qt的开发过程中，时常会用到表单（QTableWidget）这个控件。网上的资料不少。可是都是最主要的。有一些比較常常遇到的问题也说得不太清楚。所以，今天就在这里总结一下。 下面为个人模拟Windows资源管理器的一个表单 一、设置表单样式 table_widget->setColumnCount ...
分类：
其他好文 时间：
2017-07-26 22:11:03
阅读次数：
164
很多时候子元素浮动的，会造成父元素塌陷 解决方法 1.添加一个空元素，并设置成清除浮动，即： <div style="clear:both;"></div> 优点：通俗易懂，易于掌握 缺点：添加了无意义标签，不易于后期维护，违背了结构和表现的标准 2.给父元素添加 overflow：auto; 3. ...
分类：
其他好文 时间：
2017-07-16 19:19:07
阅读次数：
2597
以前我觉得position:absolute;是可以脱离文档流的，float:left;也可以脱离文档流，就觉得二者是一样的，感觉可以去浮动的方法来解决position:absolute;引起的父元素塌陷问题，结果证明我错了。。。下边是一个demo. 1 <!DOCTYPE html> 2 <htm ...
分类：
其他好文 时间：
2017-07-11 23:21:39
阅读次数：
345
一、float的目的 float /*浮动 脱离文档流*/ 二、语法 float：left/right； 三、float的特点 1.子级浮动导致父级高度塌陷 2.行内元素设置浮动，会自动转为块级 可设宽高 3.浮动文本类的标记如果没有指定宽度，浮动后会自动折叠到最小宽度（文本） 4.子级浮动始终在父 ...
分类：
Web程序 时间：
2017-07-09 14:50:29
阅读次数：
111
清除内部浮动 当一个标准流中的盒子中所有的子元素都进行了浮动，并且没有给盒子设置高度时，那么这个盒子的整个高度就会塌陷，什么意思呢，看下面的例子。 父集的被两个子div撑起来了，现在给child添加浮动 这个时候，父容器变成了2条重合的线了，也就是高度变为0了，即所说的高度塌陷。这是因为parent ...
分类：
Web程序 时间：
2017-07-06 22:01:45
阅读次数：
195
