一、浮动元素脱标 1.什么是浮动元素脱标 脱标：脱离标准流。 当某一个元素浮动之后，那么这个元素看上去就像被从标准流中删除了一样 2.浮动元素脱标之后有什么影响 如果前面一个元素浮动了，而后面的一个元素没有浮动，那么这个时候前面的一个元素就会盖住后面的一个元素。前后如果反了没事 举例： 二、浮动元素 ...
分类：
编程语言 时间：
2019-10-28 01:04:34
阅读次数：
140
```html 浮动元素贴靠现象 ``` ```html 浮动元素字围现象 --> 1999年-2002年范冰冰一共出演了《青春出动》、《小李飞刀》、《秦始皇》、《中关村风云》、《少年包青天2》《尘埃落定》等十七部电视剧[12] ，以及《河东狮吼》等三部电影[13] 。 2003年在由梁羽生小说改编... ...
分类：
Web程序 时间：
2019-10-16 00:46:12
阅读次数：
110
如何让一个浮动元素水平居中 1. 最简单的办法，向右推移50%，然后在平移自身宽度的一半 2. 给浮动元素套一个盒子，让其浮动，并且相对定位left:50%,然后在让其浮动元素相对定位，right:50% ...
分类：
其他好文 时间：
2019-10-08 19:13:09
阅读次数：
96
1：给高度塌陷的元素设置overflow:hidden; 原理：因为overflow:hidden;触发了一个BFC BFC布局规则：计算BFC高度的时候，里面的浮动元素也参与计算。 弊端：定位在当前元素外面的内容会被隐藏。 2：给出现高度塌陷的元素里面，放在浮动元素的后面，添加一个空div,并且给 ...
分类：
Web程序 时间：
2019-10-04 17:24:05
阅读次数：
125
普通流（标准流）：默认状态，元素自动从左往右，从上往下的排列。 块元素 行内元素 CSS Float（浮动）的基础知识 1.会使元素向左或向右移动，只能左右，不能上下。 2.浮动元素碰到包含框或另一个浮动框，浮动停止。 3.浮动元素之后的元素将围绕它，之前的不受影响。 4.浮动元素会脱离标准流。 没 ...
分类：
其他好文 时间：
2019-09-27 18:53:40
阅读次数：
119
好程序员web前端分享HTML5常见面试题集锦四1、为什么要初始化CSS样式？答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。2、浮动元素引起的问题？答案：a.父元素的高度无法被撑开，影响与父元素同级的元素b.与浮动元素同级的非浮动元素
分类：
Web程序 时间：
2019-09-17 12:56:03
阅读次数：
140
浮动属性float 浮动就是让一个元素往左或右边“尽量挤靠”，以使其周边文字（行内元素）可以围绕该浮动元素显示。 其典型的表现就是一张图片向左对齐（align=”left”）的时候，图片标签前后的文字都能够绕着图片展示。 浮动属性float的值包括： left（向左浮动）， right（向右浮动）， ...
分类：
其他好文 时间：
2019-09-16 12:04:43
阅读次数：
78
方法一：给浮动添加一个父级元素 蓝色的con为砖红色box的“爸爸”，从图上我们可以很清楚的看到， con通过定位往左移了百分之五十。而box通过相对定位，定位在con的-50%的地方，即为正中心。 给子元素相对定位，是想将相对于父元素来定位自己的位置，float:left让子元素在同一水平线上显示 ...
分类：
其他好文 时间：
2019-09-14 10:33:07
阅读次数：
96
当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。 比如，可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者，如果需要更复杂的排版要求，可以考略使用其他方法，比如使用相对定位和绝对定位。 在这篇文章中，我们首先要讨论元 ...
分类：
Web程序 时间：
2019-09-01 10:48:22
阅读次数：
128
