CSS基础知识整理四
来源:互联网 发布:yungou 源码 编辑:程序博客网 时间:2024/04/28 16:45
CSS浮动:
CSS清除浮动:
为什么要清除浮动呢?
因为当一个元素使用浮动后他自己本身会跳出它的父元素,这时候如果它的父元素没有设置固定的高那么它的父元素会因为它自己本身的浮动而不会自动伸高来闭合浮动元素,所以在浮动后我们要给他的父元素清除浮动。
方法一:height;
给父元素设置高度height
不过此方法有一个缺点,那就是父元素必须是固定高度,不随内容高度自适应高度。
方法二:clear:both; 在父级</div>结束前加入一个div 设定class="clear";
<div class="divcss"> <div class="divcss-left">left浮动</div> <div class="divcss-right">right浮动</div> <div class="clear"></div> </div>
在css样式中定义clear:"both" 父元素可清除浮动即
.clear{ clear:both}
方法三:overflow:auto;
如上述代码,直接给父元素div定义overflow:auto; 父元素即可清除浮动
.divcss{overflow:auto}
0 0
- CSS基础知识整理四
- CSS一些基础知识整理
- CSS基础知识整理一
- CSS基础知识整理二
- CSS基础知识整理三
- CSS基础知识整理
- css基础知识整理
- css基础知识笔记整理
- Java基础知识整理(四)
- 前端基础知识整理(四)
- 【JavaScript】基础知识整理(四)
- c++ 基础知识整理(四)
- C语言基础知识整理(四)
- JAVA基础知识整理(四)
- CSS基础知识(四)--选择器
- css复习整理(四):css定位
- HTML+CSS基础知识整理总结2015.3.9
- HTML+CSS基础知识整理总结2015.3.10
- 【深度学习系列4】深度学习及并行化实现概述
- 华为2011上机笔试题一
- Perl语言入门笔记 第二章 标量数据
- Tomcat体系结构
- leetcode--Product of Array Except Self
- CSS基础知识整理四
- 控件的一些基本操作,设置颜色,自动连接,插入图片,padding,ellipsize。
- Android应用程序组件(四)
- HDU 5200 Trees(线段树 离线应用)经典
- 并发编程网
- Pascal数组递推
- leetcode 162 —— Find Peak Element
- BFS解迷宫问题
- 一、数据结构 读书笔记(一)基本概念与算法