首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

div在同一起中显示

2012-07-18 
div在同一行中显示?一般我们在做网页的时候如果放两个DIV,那在显示的时候这两个DIV是在列的方面上显示的,

div在同一行中显示

?一般我们在做网页的时候如果放两个DIV,那在显示的时候这两个DIV是在列的方面上显示的,也就是第二个DIV显示在第一个的下面,如果我们想要让这两个DIV在行的方向上显示,可以用下面的css来实现

<html><head><style type="text/css">.left1{float:left; /**//* 这个是关键的地方 让col1往左浮动,这样它的后面(右边)就可以放置别的元素(别的元素:可以是div,图片,文字等) */width:300px;height:300px;background:#eee;border:1px solid #ccc;}.left2{float:left;/**//* 这个是关键的地方 让col2也往左浮动,紧跟在col1的后面 */margin-left:5px;/**//* 让col2和col1之间有些间隔 */width:490px;height:300px;/**//* 给一个尺寸 可以随意*/background:#ddd;border:1px solid #ccc;}</style></head><body><div >You did a good job!</div></body></html>

?

热点排行