html如何垂直居中一个浮动元素//方法一：已知元素的高宽#div1{background-color:#6699FF;width:200px;height:200px;position:absolute;//父元素需要相对定位top:50%;left:50%;margin-top:-100px;/ ...
分类：
Web程序 时间：
2020-06-22 11:14:43
阅读次数：
82
1、左右布局 这就要说到一个属性float，使用float: left;就可以让浮动元素 会脱离正常的文档布局流，并吸附到其父容器的左边。在正常布局中位于该浮动元素之下的内容，此时会围绕着浮动元素，填满其右侧的空间。但是，子类使用float来使元素并排，那么父类就需要使用clearfix来防止子元素 ...
分类：
Web程序 时间：
2020-06-02 18:34:45
阅读次数：
72
写在前面：很多时候我们需要水平居中时候用margin: 0 auto;但我们要知道，这个方法有很大的局限性，它不能对浮动元素和绝对定位元素居中，而且对于其他元素必须在有width属性时才有作用。 这里说的居中是水平竖直同时居中，就像下面图中这样，而且我们居中的时元素而不是内容。(以下所有方法的结果和 ...
分类：
Web程序 时间：
2020-06-01 00:58:07
阅读次数：
73
浮动到底是做什么呢？他们是如何影响相关元素的盒模型的呢？浮动的元素与内联元素有什么不同呢？制定浮动元素的位置的具体规则是什么？clear属性是如何工作的，并且它的作用是什么？ 即使是经验丰富的开发者也会在浮动上出错，所以理解浮动的行为能帮你摆脱面对CSS的很多困扰。即使你认为你已经了解了关于浮动的所 ...
分类：
Web程序 时间：
2020-05-21 23:51:13
阅读次数：
70
1.今天学习了margin在普通元素中的外边距会重叠，浮动元素之间不会重叠，如果重叠间距已最大为准，还学习了div网页布局 2.页面边距初始化： *{ padding: 0px; margin: 0px; } 3.制作页面先使用div布局把页面大体轮廓分配好 ...
分类：
Web程序 时间：
2020-05-19 20:33:44
阅读次数：
67
高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow ...
分类：
Web程序 时间：
2020-05-16 16:27:32
阅读次数：
75
一、解决浮动带来的影响 1.1、问题点 浮动会导致父标签（上一级的边框）塌陷问题 1.2、解决方案 往边框里面添加一个标签，使其撑起来 1.利用clear属性 #d1 {clear：left；} 标签的左边不能有浮动元素 2.利用clearfix属性 在clearfix这个类后面建立一个空的内容，使 ...
分类：
Web程序 时间：
2020-05-15 00:33:52
阅读次数：
73
BFC概念：浮动元素和绝对定位元素，非块级盒子的块级容器 ,以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文） 补充概念： 浮动元素：float脱离文档流，相对于父元素显示；后面的块级元素和内联元素相对浮动元素，边框和背景忽略浮动元素；【块级元 ...
分类：
其他好文 时间：
2020-05-13 15:21:02
阅读次数：
74
浮动元素后面加空div：空div会造成HTML代码冗余 设置父元素的高度：固定高度会降低元素可扩展 父级添加overflow属性：有下拉列表框场景不能用 父级添加伪类after：没有副作用，推荐使用 { 清除浮动 } ...
分类：
其他好文 时间：
2020-05-09 00:44:43
阅读次数：
203
在css中，我们有时会用到浮动属性。 简单来说，标准流文档中，块元素会占据整行来显示，比如div，h标签等。后面的标签会依次往后。 但是用了浮动之后，就会脱离文档流，意味着后面的标签可能会被挡住，引起布局混乱。因为浮动元素无法撑起父元素的高度（高度塌陷）。 那么又想使用浮动属性，又想让后面元素按标准 ...
分类：
其他好文 时间：
2020-05-05 10:36:33
阅读次数：
49
