div+css 构建3行3列的表格，在FF和IE，以及苹果的浏览器下均可以正常的显示，放大，缩小

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<

 

 

html >< head

>

<

 

 

style

>

#table

 

 

{

 

 

clear : none

;

 

 

width : 180px

;

 

 

border-color : Red

;

 

}

#table

 

 

ul

{

 

 

clear : left

;

 

 

margin : 0px

;

 

 

padding : 0px

;

 

 

width : 200px

;

 

 

list-style-type : none

;

 

 

border-color : Red

;

}

#table

 

 

li

{

 

 

float : left

;

 

 

display : block

;

 

 

margin : 0px

;

 

 

padding : 0px

;

 

 

border-left : 1px #000 solid

;

 

 

border-right : 1px #000 solid

;

 

 

border-bottom : 1px #000 solid

;

 

 

width : 60px

;

 

 

background-color : Green

;

 

 

border-color : Red

;

}

</

 

 

style

>

</

 

 

head

>

<

 

 

body

>

<

 

 

div id

="table">

 

 

< ul >

 

 

< li > aaa1 </ li > < li > aaa2 </ li > < li > aaa3 </ li

>

 

 

</ ul

>

 

 

< ul >

 

 

< li > bbb1 </ li > < li > bbb2 </ li > < li > bbb3 </ li

>

 

 

</ ul

>

 

 

< ul >

 

 

< li > ccc1 </ li > < li > ccc2 </ li > < li > ccc3 </ li

>

 

 

</ ul

>

</

 

 

div

>

</

 

 

body

>

</

 

 

html

>