浮动(float)： 让默认文档流(标准文档流)下的元素漂浮起来，水平排列。 通俗点来说，浮动可以让元素浮到第二层，而其他没有浮动的元素就往上排，而我们是俯视去看的，所以往上顶的那个元素就会被遮住，这就带来了问题。解决方法，后面会有说。 float: 1. left 左浮 2. right 右浮 3 ...
分类：
Web程序 时间：
2018-12-17 14:24:53
阅读次数：
227
# 一.浮动布局的总结# 1.同意结构下,如果采用浮动布局,所有的同级别兄弟标签采用浮动布局# 2.浮动布局的盒子宽度在没有设定时会自适应内容宽度# 二.盒子的显隐# display:none;# 该隐藏方式在页面中不占位,显隐都不会影响其他标签布局,不需要用动画处理时## opactiy:0;# ...
分类：
其他好文 时间：
2018-12-16 11:18:49
阅读次数：
174
文档流(normal flow)# BFC(Block fromatting context):# 块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干.# BFC规则:# 1.内部的Box ...
分类：
其他好文 时间：
2018-12-16 11:15:46
阅读次数：
113
float和绝对定位的区别 CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。1 需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute ...
分类：
其他好文 时间：
2018-12-15 19:46:28
阅读次数：
182
一、清理浮动的三种方法。 当给元素设置了float属性之后，我们知道，元素便会脱离文档流的束缚，像一片水中浮动的树叶随波逐流。但是，在浮动的情况下，可能会导致网页内容出现一些我们并不想让其发生的干扰，例如其父元素的包裹作用将失去作用，假如你给父元素设置了漂亮的背景它却不见了，岂不惹人烦恼！于是，清理 ...
分类：
其他好文 时间：
2018-12-14 17:28:58
阅读次数：
167
一.拼接网页 一.拼接网页 将区域整体划分起名 => 对其他区域布局不产生影响 提出公共css => reset操作 当有区域发送显示重叠(脱离文档流导致的), 需要通过z-index调整层级 一定需要最外层,且最外层做自身布局时,不要做过多布局操作 将区域整体划分起名 => 对其他区域布局不产生影 ...
分类：
其他好文 时间：
2018-12-13 20:23:58
阅读次数：
194
float属性 基本浮动规则 先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding ...
分类：
Web程序 时间：
2018-12-11 18:44:40
阅读次数：
179
float--left左浮动；right右浮动；none不浮动；浮动排列的顺序不会改变，默认时谁在第一个，浮动就会排在第一个； 浮动的影响：1、行内元素浮动之后可以支持宽高；2、文本会给浮动的元素让位；可以制作文本绕排的效果；3、在父级没有给高度的情况下，子级浮动后父级会没有高度； 清除浮动：1、在 ...
分类：
其他好文 时间：
2018-12-10 20:48:50
阅读次数：
300
* 没有脱离文档流* offsetLeft:父级元素margin+父级元素padding+父级元素border+自己的margin** 脱离文档流* 主要是自己的left和自己的margin //获取bodyconsole.log(document.body);//获取的是元素 标签//获取titl ...
分类：
其他好文 时间：
2018-12-02 21:13:16
阅读次数：
174
本人在做前端开发相关工作时，遇到过也解决过很多技术性问题。今天起，就从PC端页面开发开始，理一理新手们可能会遇到的那些坑。 本文非教学文章，仅供有前端开发基础的同学同僚们一起讨论与总结，本人将从零开始持续更新，欢迎大家的批评指正。 高度塌陷问题: 父元素的高度会被子元素撑开，当子元素都设置了浮动时， ...
分类：
其他好文 时间：
2018-12-02 18:31:58
阅读次数：
150
