CSS的block与inline及float的三角关系

CSS的block与inline及float的三角关系

11111111111111
222222222222
33333333333333

<div>默认是display:block,<span>默认是display:inline
block占一行,默认是宽100%,而且不会与任何元素一行
inline可以一行显示多个
block可设置宽度和高度
inline不可以设置宽度和高度,只随内容变化
float元素自动变为inline-block,可以设置宽度和高度,可以一行显示多个,float元素不会重叠,知道该行结束就换行。
float元素在block元素之上,和inline平级,所以会覆盖block元素,不会覆盖inline元素,inline元素围绕在float周围。
clear清除指定边的浮动元素
浮动对象的高度将不会将父对象撑开,因为浮动对象已经脱离了文档流,
overflow:hidden将清除其内的浮动元素的浮动效果,
准确的说是使浮动对象重新回到文档流(浮动对象是浮动在文档流上面[block上面,和inline平行]),但依然保持inline-block效果

谁能告诉我为什么IE里面会显示不正确呢?其它浏览器都好好的,我在本地用IE也是好好的。

新用户注册   刷新评论列表  

找优秀程序员,就在博客园
标题 请输入标题
姓名 请输入你的姓名
主页
请输入验证码
验证码 *  
内容(请不要发表任何与政治相关的内容) 请输入评论内容
Remember Me?
  登录       
[使用Ctrl+Enter键可以直接提交]

网站导航:
博客园   IT新闻   知识库   C++博客   程序员招聘   管理
相关文章:
  • 基于Node.js的小站
  • VagaJson,一个JSON与Java对象的序列化工具
  • jVaga,蛋疼的JS库
  • CSS的block与inline及float的三角关系
  • 使用eval参数进行JS函数调用
 

你可能感兴趣的:(CSS的block与inline及float的三角关系)