下面是以div元素布局为例的哦，啊狸在这里为大家讲解一下，有不对的地方，请大家留言改正！div呢？是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如图：可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。如果想让一行显示多个div元素，就可以用到浮动。浮动可以理解为让某个div元素脱离标准流，漂浮在标准流
分类：
Web程序 时间：
2018-04-09 11:47:16
阅读次数：
224
浮动造成的影响: 子元素浮动,父元素无法被撑出高了. 如果要给父元素做通栏background? 如果两个box的子元素都浮动,且希望两个box分行显示? box1 box2 box3: float:left, 则box自己的高度就没办法被撑开了 现实案例: 需要给父盒子做通栏背景图 现子元素浮动, ...
分类：
Web程序 时间：
2018-02-13 16:40:31
阅读次数：
226
清除浮动的方法: 内墙法 隔墙法 overflow: hidden ...
分类：
Web程序 时间：
2018-02-13 16:39:45
阅读次数：
187
IE6浏览器的bug问题及相关解决的方法 1、css浮动边距加倍错误（双倍边距BUG）的解决办法 该错误只影响ie而不影响其他浏览器，我们可以考虑用hack来解决！！！ 解决方法：_display:inline; 2、扩展框问题 原因：无法将内容放入固定宽度或固定高度的框中，则框会扩展以适应内容，而 ...
分类：
其他好文 时间：
2018-02-06 20:29:59
阅读次数：
144
为什么清除CSS浮动这么难？ 因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。 解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 我根据自己的 ...
分类：
其他好文 时间：
2017-11-14 22:34:36
阅读次数：
203
float作用就是在于布局，首先要介绍的是文档流（标准流），之后是浮动布局。 文档流：元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 浮动布局： 1、float: left | right 2、元素浮动之后不占据原来的位置（脱标） 3、浮动的盒子在一行上显示 ...
分类：
Web程序 时间：
2017-11-06 19:09:31
阅读次数：
160
日常切图布局中经常要用到浮动，但是，只会用却不知道浮动的原理，清除浮动的作用。 今天就讲解一下浮动的基本作用与原理，清除浮动的那些方法，日常开发通常用什么清除浮动。 一、什么是浮动？ 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 二、什么是文档流？ 文档流是文档中 ...
分类：
Web程序 时间：
2017-11-05 15:08:59
阅读次数：
158
css 浮动的清除，在网页制作中是一个比较常见的问题，如果不掌握清除浮动，在排版时就很难达到自己想要的效果 那么，浮动是怎么产生的呢？ 我们都知道，元素一般分为行内元素和块元素，行内元素没有不能设置宽和高，没有换行符；而块元素的高和宽可以设置，但是块元素始终占据一行，每个块元素，都是单独的一行 这样 ...
分类：
Web程序 时间：
2017-10-29 20:51:16
阅读次数：
161
这篇文章，小编带领大家一同做一个利用CSS技术实现的导航栏。通过这个导航栏的制作，希望大家能够对前几篇文章中学习到的CSS属性能有一个整体的认识，并能够达到灵活运用的程度。 承接文章：灵活控制块级元素在一行内显示，CSS浮动属性，知道原理就很简单 技术等级：初级 | 适合前端开发的初学者阅读学习。 ...
分类：
Web程序 时间：
2017-10-28 15:37:38
阅读次数：
208
