定位是css当中一种操作html元素布局的方案 属性position static：默认值，无特殊定位，对象遵循HTML原则； absolute：绝对定位，将对象从文档流中完全拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位； 如果不存 ...
分类：
Web程序 时间：
2019-08-24 11:43:37
阅读次数：
113
普通流(normal flow) 这个单词很多人翻译为 文档流 ， 字面翻译 普通流 或者标准流都可以。 前面我们说过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？ CSS的定位机制有3种：普通流（标准流）、浮动和定位。 html语言当中另外一个相当重要的概念 标准流！或 ...
分类：
其他好文 时间：
2019-08-22 10:40:12
阅读次数：
144
定位的属性position relative 相对定位 使用top left bottom， 可以实现相对位置的偏移 absolute 绝对定位 元素会脱离文档流 其实就是相对于body的定位 如果父级设置了定位属性 本元素会相对于父级进行定位 fixed 固定定位 不管父级有没有定位 都相对于浏览 ...
分类：
其他好文 时间：
2019-08-21 23:18:43
阅读次数：
150
一、浮动定位实现的效果 二、使用float实现浮动定位 三、使用clear属性清除浮动定位 四、浮动定位的应用（布局） 一、浮动定位实现的效果 （一）、块元素（div）在文档流中默认垂直排列，如果希望块元素在页面中水平排列，可以使块元素脱离文档流（使用float使元素浮动） 元素浮动脱离文档流之后， ...
分类：
Web程序 时间：
2019-08-20 20:36:27
阅读次数：
137
我们在进行页面布局的时候可以发现元素在脱离文档流后，就会出现高度塌陷问题。 一、什么是高度塌陷？ 通过下面的例子了解什么是高度塌陷。 在页面中设置一个盒子box，其中在嵌套一个子元素小盒子box1。box设置边框宽度，而高度不去设置（高度会由内容撑开） 但是当我们向盒子里面添加内容的时候<div c ...
分类：
其他好文 时间：
2019-08-18 23:59:07
阅读次数：
287
浮动定位float float可选值： * none,默认值，元素默认在文档流中排列 * left，元素会立刻脱离文档流，向页面的左侧浮动 * right，元素会立刻脱离文档流，向页面的右侧浮动 浮动定位是居于文档流之上的定位。 浮动定位不会超过上面的兄弟元素 可以通过浮动设置文字环绕效果 内联元素 ...
分类：
其他好文 时间：
2019-08-15 23:00:22
阅读次数：
102
今天没有学习其他的,还是决定刷一些面试题看看 「 CSS篇 」 1. CSS 盒子模型，绝对定位和相对定位 盒子模型:一个元素是有content(内容),padding(内补白),border(边框),margin(外补白)四部分组成,而这四个部分就组成了css中的盒模型 绝对定位:position ...
分类：
其他好文 时间：
2019-08-15 13:16:44
阅读次数：
96
内联元素的盒子模型 1、内联元素不能设置width宽度和高度height span{width:200px ; height:200px} 与 span{width:100px ; height:100px} 表现效果相同，由此可见内联元素不可以设置高度和宽度 2、内联元素可以设置水平方向的内边距p ...
分类：
其他好文 时间：
2019-08-12 01:11:53
阅读次数：
223
效果实现了，但是没理解为什么要设置绝对定位，高手们谁知道？ /*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; width:1px; height:20px; position:absolute;/*为什么要设置绝对定位*/ top:15px; right: ...
分类：
其他好文 时间：
2019-08-10 21:21:42
阅读次数：
391
1. 页面布局方式：介绍文档流、浮动层以及float属性。 2. float:left ：介绍float为 left 时的布局方式。 3. float:right ：介绍float为 right 时的布局方式。 4. 相邻元素含有float属性：介绍相邻元素含有float属性时的布局方式。 1. 页 ...
分类：
Web程序 时间：
2019-08-03 21:17:14
阅读次数：
105
