前端开发

使用display：inline-block属性改变元素的显示方式

 /* 当display值为inline时，此时为默认值，其元素的宽度和高度都不会改变*/

/* 当display值为inline-block时，此时元素的宽度和高度都会改变大小*/

实例代码：

使用float浮动和超链接制作水平菜单

实例代码；

实例代码；

实例代码：

实例代码：

通过使用 float 属性，可以轻松地并排浮动内容框：

实例代码；

实例代码：

如果一个元素比包含它的元素高，并且它是浮动的，它将“溢出”到其容器之外：

然后我们可以向包含元素添加 overflow: auto;，来解决此问题：

实例代码；

clear 属性指定哪些元素可以浮动于被清除元素的旁边以及哪一侧。

clear 属性可设置以下值之一：