float display特性介绍-白红宇

float display特性介绍

阅读量：6932 次

发布时间：2019-06-27

本文共 436 字，大约阅读时间需要 1 分钟。

div:块级元素用于布局独占一行

p:块级元素用于布局独占一行自带margin-top和margin-bottom

没有浮动起来的div和p等块级元素依旧会独占一行，下面的元素浮动起来依旧在这些块级元素的下面

span b 等行内元素float也可以浮动和块级元素浮动起来情况相同，浮动起来后可以设置width和height

但是如果下面是块级元素在浮动不会浮动到行内元素旁边，而是略过未浮动起来的行内元素靠到边框处

display:block

行内元素设置display:block会使行内元素具备块级元素特性，独占一行可调整宽高，下面元素浮动情况也和块级元素相同

display:inline-block

行内元素设置display:inline-block会使行内元素既具备行内元素性质又可以像块级元素般调整宽高

下面的元素浮动情况也是和行内元素的情况相同

转载于:https://my.oschina.net/wangch5453/blog/666729

你可能感兴趣的文章

codeforces Gym 100500 J. Bye Bye Russia

查看>>

想做Android Wear开发？你得先搞明白这四件事

查看>>

js基础进阶--promise和setTimeout执行顺序的问题

INDIGO STUDIO神器！快速创建WEB、移动应用的交互原型工具【转】

maven nexus 下发布第三方构件；

查看>>

Java学习之深拷贝浅拷贝及对象拷贝的两种方式

查看>>

如何根据动态SQL代码自动生成DTO

查看>>

html input="file" 浏览时只显示指定文件类型 xls、xlsx、csv

查看>>

Android Export aborted because fatal error were fo

查看>>

在window平台下模拟Liunx使用GCC环境进行编译C的SO库。

查看>>

原来一直纠结MQ的用法，今天看到了一个最经典的例子。

查看>>

Resource is out of sync with the file system的解决办法

查看>>

交叉编译openssl不修改Makefile的方法

查看>>