如果前一个元素设置浮动属性，则之后的元素也会继承float属性，我觉得这里说是继承不太对，可以理解为会影响到之后的元素，所以在设置浮动元素之后的元素要想不被影响就需要清除浮动。元素设置左浮动，则清除左浮动，clear:left; 元素设置右浮动，则清除右浮动，clear:right; 左右两侧均去掉浮动：clear:both;

注意：给元素设置float属性时，它是脱离文档流的，可以理解为它是漂浮在浏览器上方，不占位。

让块级元素水平排列的方法：

1.inline-block：变为内联元素

2.变为伸缩盒

3.浮动

CSS基础学习-13.CSS 浮动的更多相关文章

  1. CSS基础学习 21.CSS居中总结

    注意:*在IE中并不代表通配符的意思,是代表根元素的意思,所以为了匹配适应各种浏览器,进行页面初始化 <style> *{ margin:0; padding:0; } </styl ...

  2. CSS基础学习-12.CSS position

    绝对定位 position:absolute,元素脱离文档流,然后使用left.right.top.bottom属性相对于其最接近的一个具有定位属性的祖先元素进行绝对定位.如果不存在这样的祖先元素,则 ...

  3. CSS基础学习 20.CSS媒体查询

  4. CSS基础学习 19.CSS hack

  5. CSS基础学习 18.CSS多列

    四种常见的浏览器内核:

  6. CSS基础学习 17.CSS动画

  7. CSS基础学习 16.CSS过渡

  8. CSS基础学习-15-1.CSS 浏览器内核

  9. CSS基础学习-14 CSS visibility与overflow属性

随机推荐

  1. BasePage基础页面的封装

    Paget Object设计模式,不多说,但在接触了poium测试库后,个人感觉BasePage都是多余的..但在次还是做个记录 class Page(): def __init__(self, dr ...

  2. Guava源码阅读-base-Strings

    package com.google.common.base; 今天阅读的是Srings类,这在程序中经常使用. 比如判断字符串是否为空,我们在之前用jdk方法判断是会用下面这个判断语句. if( i ...

  3. Apache——开启个人用户主页功能

    个人主页功能分为不加密和加密两种 不加密: 先来建立几个用户,我这是建了两个 例:命令为:useradd  qiyuan 然后输入:passwd qiyuan,改一下密码 我们看一下家目录下面: 已经 ...

  4. 使用TensorFlow训练SSD（二）：数据的准备

    在进行模型的训练之前,需要准备好相关的数据,相关的数据还需要进行标注.这篇博客将使用labelImg标注工具来进行数据的处理. 首先可从https://github.com/tzutalin/labe ...

  5. js放到head中失效的原因与解决方法

    1.今天写js碰到一个奇怪的问题,写好的js放到body里面执行,但是放到head中没有任何效果,为什么导致这种原因呢? 看失效代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 ...

  6. mysql 基础练习题(一)

    一.先创建几个要用的库表 create database zuoye; -- 创建数据库 use zuoye; -- 使用数据库 #创建几个库表 create table Student -- 学生表 ...

  7. Git+TortoiseGit使用帮助

    背景: 公司产品人员需要使用到Git做文档的管理,作为开发人员的我稍作指导 需求: 指导产品人员进行简单使用ToreoiseGit进行Git操作 安装: 链接:https://pan.baidu.co ...

  8. 【重启C++】-- 序

    好久没看C++的东西了,该忘的也忘得差不多了,现在又要开始学,一点一滴的记录起来吧.

  9. Python【无引号、单引号、双引号、三引号】

    无引号#数字和数学运算是标准化.有固定格式的>>> print(520) 520>>> print(1+1)2 单引号#文字却能够千变万化>>> ...

  10. js跨域原理及解决方案

    方法一:jsonp函数 在HTML DOM中,Script标签是可以跨域访问服务器上的数据的.因此,可以指定script的src属性为跨域的url,基于script标签实现跨域.script标签本身就 ...