1.两端对齐方法 说明：利用外部div的padding使div居中对齐，左右浮动两端对齐 <div class="clearfix" style="padding:20px"> <div class=left> </div> <div class=right> </div> </div> 2.多列布 ...
分类：
其他好文 时间：
2020-04-05 20:50:01
阅读次数：
100
三栏布局，中间自适应这个经典的问题，之前也看了很多。今天准备在自己的博客里面总结一下，加深自己的理解。 方式一：左边左浮动，右边右浮动，中间自适应 <style> .left{ float: left; height: 200px; width: 200px; background-color: a ...
分类：
其他好文 时间：
2020-03-21 00:06:46
阅读次数：
54
文档流： 普通流：上至下，左至右 浮动流：元素添加了float：； 定位流：添加了定位属性 定位 position:; static 默认值 absolute 绝对定位(脱离文档流，不占位；默认参考浏览器零点) relative 相对定位（占据文档流，占位置；参考自身加载在页面中的位置） fixed ...
分类：
其他好文 时间：
2020-03-06 19:06:58
阅读次数：
57
一、浮动 float: left right 左右浮动 ①.使用float的标签 脱离当前的文档流 （好像张了小翅膀一样 飞起来） div 不设置高度 默认里面内容的高度就是这个div的高度 ②.清除浮动 clear: left right both(同时清除左右浮动) 1、告诉无辜div，给浮动那 ...
分类：
其他好文 时间：
2020-02-20 13:09:31
阅读次数：
54
浮动和显示 1.浮动 左浮动 float:left; 右浮动 float:right; 清除左浮动 clear:left; 清除右浮动 clear:right; 清除两边浮动 clear:both; 2.显示和隐藏 隐藏元素 disolay:none; 将元素变成块级 display:block; ...
分类：
Web程序 时间：
2020-02-18 09:51:52
阅读次数：
70
div分为左中右浮动，当左边没有内容，只有宽度高度自适应的情况下，左边的位置就会被中间的内容占据，如下图： 为了让空的div也占位，可以添加一个最小的高度min height 1px即可，也可以设置border:true;这样就可以保证div一直占位 ...
分类：
其他好文 时间：
2020-02-04 10:39:26
阅读次数：
55
文档流 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 浮动特性 浮动元素有左浮动(float:left)和右浮动(float:right)两种 浮动的元素会向左或向右浮动， ...
分类：
其他好文 时间：
2020-02-03 09:57:22
阅读次数：
71
做一个ul li 列表类似这样的平时经常会用到 要是用浮动做还是比较简单的直接左右浮动，清除浮动就可以搞定了，因为最近用display:inline-block用的比较顺手，所以就尝试一下。通过text-align:left，text-align:right，可以控制元素靠左还是靠右，这种方法只能做 ...
分类：
其他好文 时间：
2020-01-19 22:13:25
阅读次数：
90
1.1、请列举几种可以清除浮动的方法（至少两种） 浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）。 a. 添加额外标签，例如<div style="clear:both"></div> b. 使用br标签和其自身的 ...
分类：
Web程序 时间：
2019-12-30 17:21:26
阅读次数：
171
转自:https://www.jb51.net/css/67309.html在div css布局中 当span标签右浮动时会产生换行狭义的现象<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3. ...
分类：
Web程序 时间：
2019-12-19 16:10:07
阅读次数：
210
