高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow ...
分类：
其他好文 时间：
2020-04-21 13:05:46
阅读次数：
46
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(八)布局——高度塌陷最终方案</title> <style> *{ margin: 0; padding: 0; } .box1{ border: ...
分类：
Web程序 时间：
2020-04-19 17:52:44
阅读次数：
83
一，高度塌陷 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类：
Web程序 时间：
2020-04-16 19:45:17
阅读次数：
94
宽高自适应 宽度自适应 高度自适应 最小高度的自适应 高度塌陷 高度塌陷的解决方法 visibility:hidden 伪对象选择符 ...
分类：
其他好文 时间：
2020-04-08 10:15:41
阅读次数：
96
1. 塌陷现象(子元素设置margin-top, 父元素会塌陷) 下面例子，此时子元素其实和父元素的距离是0，离父元素的兄弟节点才是100px 触发父元素的bfc, overflow: hidden, border : 解决方案1：父元素设置透明的 border: 1px solid transpa ...
分类：
Web程序 时间：
2020-04-02 22:40:00
阅读次数：
93
<div class="img_box"> <img src="http://sms-shop.oss-cnbeijing.aliyuncs.com/${item.bannerpic.split(',')[0]}"/> </div> .img_box { position: relative; wi ...
分类：
其他好文 时间：
2020-04-01 16:28:51
阅读次数：
206
一、什么是BFC BFC(block formatting context）：简单来说，BFC 就是一种属性，这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和 ...
分类：
其他好文 时间：
2020-03-20 22:28:52
阅读次数：
56
title: css 清除浮动 date: 2020 03 10 17:03:10 tags: css 清除浮动 浮动float最开始出现的意义是为了让文字环绕图片而已，后来用于让块级元素并排展示 float 会导致该浮动元素的块级元素的父元素高度塌陷，所以需要清除浮动 清除浮动是指清除由于子元素浮 ...
分类：
Web程序 时间：
2020-03-18 13:18:35
阅读次数：
73
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>自元素浮动导致父元素塌陷解决方案</title> <style type="text/css"> /* 1在父级元素中添加overflow:hidden; 2.在父 ...
分类：
其他好文 时间：
2020-03-15 10:05:19
阅读次数：
55
说到页面布局，我们最常见的麻烦就是浮动带来的干扰，首先什么是浮动，为什么会出现浮动，浮动的产生又会带来哪些负面的影响呢？我写这个随便记录一下学习中出现的问题，以及一些相应的解决方法。 首先，html中有行元素，如：heda meat title lable span br a style em b ...
分类：
其他好文 时间：
2020-03-10 14:26:50
阅读次数：
45
