将块级元素的css格式设置为float:left/right,比如,有两个panel,panelA和panelB,想要使其位于同一行,只需要设置A的css格式为float:left/right即可。
注意:只是设置A的float属性哦,若设置了B的float属性,则B后面的元素也会与其位于同一行。若使用该方法,则两个块级元素紧挨着。
2.设置display
display为inline-block,即编写css代码为display:inline-block.使用该方法,两个块级元素中间有一定间隔。
注意,该方法与上一方法相同,仍然需要设置A的display属性,而非B的属性。
1.你实际上只设了小方块的边:#big
.small
表示在id为big的元素内部class为small的元素,就是代码中的小方块而已。
如果你要给大小方块同时加边框,要用
#big,
.small{border:1px
solid
#0000FF}
2.
利用margin:
auto只能使元素水平居中而已,
用css垂直居中元素有些复杂,而且不同浏览器有不同表现,具体解决方法请参照http://www.blueidea.com/tech/web/2006/3231.asp