两个DIV并排显示 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>example</title><style type="text/css"><!--.div1{ border:5px solid #3e02ff; float:left; height:100px; width:140px;}.div2{ border:5px solid #3e02ff; border-left:0 none; float:left; height:100px; width:440px;}--></style></head><body><div class="div1这里是左边层</div><div class="div2">这里是右边层</div></body></html>

这里最主要的就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。

posted @ 2013-04-02 10:12  四条眉毛  阅读(258)  评论(0)  编辑  收藏  举报