一天搞定CSS：浮动（float）的副作用--12

我们通常使用浮动来实现某些元素的布局，但是往往这些元素浮动会影响其他元素的布局，因此会产生副作用。

如果你还不清楚什么是浮动，那就点开这个链接：
http://blog.csdn.net/baidu_37107022/article/details/71515984

浮动带来的副作用

1. 块状元素，会钻进浮动元素的下面，被浮动元素所覆盖，像这样

2. 行内元素，例如文字，则会环绕在浮动元素的周围，为浮动元素留出空间，像这样：

3. 浮动元素的父元素坍缩, 像这样：

如果我们不希望要这些效果，就需要清除浮动来解决后患，使后面的元素表现的跟浮动前一样，这样我们既实现了黄色元素浮动，又实现了后来的元素不会受其影响产生不必要的麻烦。

清除浮动的方法，见下一节内容

地址http://blog.csdn.net/baidu_37107022/article/details/71557806

一天搞定CSS：浮动（float）的副作用--12相关推荐

CSS自学教程--一天搞定CSS（终篇总结）
虽然说是一天搞定CSS,实际上也没有那么简单.只能说让你快速了解常见的CSS知识,解决基本的页面样式布局和设置. 每个独立的CSS知识点都比较简单,但是它们的应用非常灵活,特别是在综合应用中. 粗略说 ...
关于CSS浮动(float,clear)的通俗讲解（经验分享）
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家. 写在前面的话: 由于CSS内容比较多 ...
(图文详细)最通俗易懂的CSS 浮动float属性详解
(图文详细)最通俗易懂的CSS 浮动float属性详解声明:本文属于搬砖大神的文章到自己的博客上,原文地址为:https://www.cnblogs.com/iyangyuan/archive/20 ...
CSS浮动(float,clear)通俗讲解- 杨元- 博客园
学习CSS布局主页目录 inline-block 你可以创建很多网格来铺满浏览器.在过去很长的一段时间内使用 float 是一种选择,但是使用 inline-block 会更简单.让我们看下使用这 ...
sass笔记-1|Sass是如何帮你又快又好地搞定CSS的
Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,知道sass用来干什么,有什么作用,我们才能相信用sass的好处,并且时时刻刻想着sa ...
css浮动(float)及清除浮动的几种实用方法
CSS浮动是现在网页布局中使用最频繁的效果之一,而浮动可以帮我们解决很多问题,那么就让我们一起来看一看如何使用浮动. 一.css浮动(float) (1)html文档流自窗体自上而下分成一行一行,并 ...
精通CSS与HTML设计模式第一章（轻松搞定CSS）
精通CSS与HTML设计模式第一章(轻松搞定CSS) 精通CSS与HTML设计模式第二章(HTML设计模式) 精通CSS与HTML设计模式第三章(CSS选择符与继承) 精通CSS与HTML设计模 ...
一天搞定CSS：浮动（float）及文档流--10
浮动(float),一个我们即爱又恨的属性.爱,因为通过浮动,我们能很方便地布局: 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器). ...
经验分享：CSS浮动(float,clear)通俗讲解
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家. 写在前面的话: 由于CSS内容比较多 ...

一天搞定CSS：浮动（float）的副作用--12

浮动带来的副作用

1. 块状元素，会钻进浮动元素的下面，被浮动元素所覆盖，像这样

2. 行内元素，例如文字，则会环绕在浮动元素的周围，为浮动元素留出空间，像这样：

3. 浮动元素的父元素坍缩, 像这样：

一天搞定CSS：浮动（float）的副作用--12相关推荐

最新文章

热门文章

一天搞定CSS： 浮动（float）的副作用--12

浮动带来的副作用

1. 块状元素，会钻进浮动元素的下面，被浮动元素所覆盖，像这样

2. 行内元素，例如文字， 则会环绕在浮动元素的周围，为浮动元素留出空间，像这样：

3. 浮动元素的父元素坍缩, 像这样：

一天搞定CSS： 浮动（float）的副作用--12相关推荐

最新文章

热门文章

一天搞定CSS：浮动（float）的副作用--12

2. 行内元素，例如文字，则会环绕在浮动元素的周围，为浮动元素留出空间，像这样：

一天搞定CSS：浮动（float）的副作用--12相关推荐