DaiBoy_百度空间
百度空间 | 百度首页 
 
文章列表
 
2009-12-12 00:10 A.M.
大家都知道块状元素(block)的特点,在默认的情况下宽度是100%,并且后面还带有隐藏的换行符,所以块状元素(block)始终独占一行,很霸道哈~如图:
sico.gif
 
此时我们没有设置块状元素的宽度(尽管此时默认宽度是100%)。
如果给sideBar和content都加上浮动属性,效果如图
sico2.gif
一 看,好家伙,这不变为内联元素(inline)了,和加上display:inline;效果一样了嘛,验证一下,因为定义内联元素的宽度(width) 和高度(height)是无效的,不起作用的,那么我们就设置sideBar和content的高度为50像素,效果如下
sico3.gif
高度居然起作用,就是说块状元素sideBar和content,在不对其设置宽度且存在浮动属性的情况下,表现出内联元素的特征,但可以设置高度。
记住这个特点,也许后面布局的时候有用,这个特征在IE6、IE7、IE8、FireFox、Chrome内测试,效果一样,全部兼容,大家可以放心使用。
有兴趣的同学可以再帮忙测试一下其他的浏览器,看看现实效果是否一样。
 
 
2009-12-04 08:16 P.M.
input,
textarea,
select,
button { font-family: Verdana; font-size: 12px; font-weight: inherit; vertical-align: middle; }

input[type=radio],
input[type=checkbox] { vertical-align: middle; }

textarea { overflow: auto; }

a:focus { outline-style: none; outline-width: 0; }

ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

label.checkbox,
label.radio { padding-left: 4px; vertical-align: top; }
 
     
 
 
文章分类
 
 
 
 
 
     
 
在线资源
 
 
 
 
 
 
 
     
 
Blog
 
 
 
 
 
     


©2010 Baidu