CSS重要属性之float学习心得(分享)

  height: 300px;   
  background-color: lightpink;   
}   
.container .rightright {   
  display: table-cell;   
  *display: inline-block;   
  height: 300px;   
  background-color: lightyellow;   
}  

CSS Code复制内容到剪贴板

.container {   
  max-width: 90%;   
  margin: 0 auto;   
}   
.container .left {   
  float: left;   
  height: 300px;   
  background-color: lightpink;   
}   
.container .rightright {   
  display: table-cell;   
  *display: inline-block;   
  height: 300px;   
  background-color: lightyellow;   
}  

总结以下：

1：当一个元素设置float属性时，会使元素块状化。

2：float属性的创造初衷就是为了文字环绕效果而生的。

3：float元素会使父元素高度塌陷。

4：float元素会除去换行带来的空格。

5：使用float可以实现两栏自适应的布局。

以上这篇CSS重要属性之float学习心得(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。