float 浮动法：中间的元素需放在最后，左右元素使用左浮动和右浮动，中间的元素使用 margin-left 和 margin-right 与两边留出间隔（就是两个浮动元素的宽度） 缺点：三个元素的顺序受限，middle 必须放在最后，而且浏览器窗口宽度不够时，right 元素会被挤到下一行 <di ...
分类：
Web程序 时间：
2021-05-24 16:58:25
阅读次数：
0
如何去除公众号文章图片与图片之间的缝隙，这个问题思考了很久，一直没有解决，于是在网上搜索找到了方法 公众号插入图片，怎么让两图之间的空隙去掉 就是类似这种，可以点击文章编辑里面的浮动，即可完美解决。先点击对应图片，然后点击左浮动或者右浮动。 ...
分类：
其他好文 时间：
2021-04-02 13:40:01
阅读次数：
0
浮动是布局的时用到的一种技术，能够方便我们进行布局。 1、浮动的设置：css属性float：left/right/none 左浮动/右浮动/不浮动（默认） 2、浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 3、浮动的影响： ...
分类：
Web程序 时间：
2020-09-18 01:08:19
阅读次数：
49
1、浮动 1、标准流（文档流）：元素按部就班按照自身的特性排列 2、浮动定义：元素会脱离标准普通流的控制，移动到指定位置的过程 3、使用： (1) 左浮动：float：left (2) 右浮动：float：right 4、结论 (1) 浮动后的元素会脱离标准流，漂浮在其他没有浮动的盒子上边 (2) ...
分类：
Web程序 时间：
2020-08-18 15:37:08
阅读次数：
107
1.圣杯布局 整体思路： 中间列放在最前优先加载，并设置宽度100%自适应； 三列都向左浮动 (此时左右列在下面一行，因为中间列占100%)； 左列设置margin-left：-100%，右列设置margin-left:-宽度，使左右列与中间列同行 (此时左右列会遮挡中间列内容)； 给最外部cont ...
分类：
其他好文 时间：
2020-07-24 23:45:22
阅读次数：
84
一、什么是三栏布局 三栏布局即左右元素固定宽度，中间元素自适应。代表布局有圣杯布局和双飞翼布局，当然还有其他方式可以实现，下面是详细介绍。 二、实现方式 1.自身浮动 元素顺序：中间盒子必须放在最后，左右元素任意排列 原理：左边元素左浮动 右边元素右浮动 缺点：当浏览器宽度不足以容纳三个元素时，中间 ...
分类：
其他好文 时间：
2020-07-06 00:48:17
阅读次数：
75
浮动的作用 包围文本 横向排列（因为行块盒会空白折叠） 浮动的特点 修改float属性 left 左浮动 上左 right 右浮动 上右 默认为none 1.一个元素浮动以后，必定是块盒。 2.浮动元素的包含块，为父元素的内容盒。 盒子尺寸 1.宽度为auto时，适应内容宽度。常规流时，撑满内容盒。 ...
分类：
Web程序 时间：
2020-06-29 13:49:07
阅读次数：
53
三栏布局，中间自适应这个经典的问题，之前也看了很多。今天准备在自己的博客里面总结一下，加深自己的理解。 方式一：左边左浮动，右边右浮动，中间自适应 <style> .left{ float: left; height: 200px; width: 200px; background-color: a ...
分类：
其他好文 时间：
2020-03-21 00:06:46
阅读次数：
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
近在做一个产品列表页面，布局如右图所示。页面中有若干个 item，其中每个 item 都向左浮动，并包含在自适应浏览器窗口宽度的父元素中。 item 元素的 CSS 定义如下： .item { float: left; margin: 10px 2%; width: 21%; } 这时遇到的一个需求 ...
分类：
Web程序 时间：
2020-02-10 22:10:54
阅读次数：
79
