摘要: 在现代浏览器,如果子元素float,则父元素不会自动被撑开#nofloatbox { border: 1px solid #FF0000; background: #CCC; width:200px;}#floatbox { float: left; width: 100px; height: 10... 阅读全文
posted @ 2013-06-28 18:44 mguo 阅读(2393) 评论(0) 推荐(1) 编辑
摘要: line-height属性的细节与大多数CSS属性不同,line-height支持属性值设置为无单位的数字。有无单位在子元素继承属性时有微妙的不同。有单位(包括百分比)与无单位之间的区别有单位时,子元素继承了父元素计算得出的行距;无单位时继承了系数,子元素会分别计算各自行距(推荐使用)。1当line-height:xxx %时:body{ font-size:14px; line-height:150%;}h1{ font-size:26px; }实际结果就是:body{ line-height:21px; /* 14px*150%=21px */ }h1{ line-height:21px; 阅读全文
posted @ 2013-06-28 17:38 mguo 阅读(1928) 评论(1) 推荐(1) 编辑
摘要: IE 从 5.5 开始就已经支持 display:inline-block 了,只是支持的并不是那么完善。在 msdn 微软开发者社区,找到了 IE 从5.5 开始支持 inline-block 的证据:Theinline-blockvalue is supported starting with Internet Explorer 5.5. You can use this value to give an object a layout without specifying the object’s height or width.这里明确指出:从 IE5.5 开始支持 inline-bl 阅读全文
posted @ 2013-06-28 17:28 mguo 阅读(340) 评论(0) 推荐(0) 编辑