两个DIV并排

来源:互联网 发布:福布斯网络作家富豪榜 编辑:程序博客网 时间:2024/06/05 08:49
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>两个DIV并排</title> 
<style> 
.div-a{ float:left;width:49%;border:2px solid #F00} 
.div-b{ float:left;width:49%;border:1px solid #000} 
</style> 
</head> 
<body> 
<div class="div-a">第一个DIV盒子</div>
<div class="div-b">第二个DIV盒子</div> 
</body> 
</html> 
原创粉丝点击