两个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,简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动。
世事洞明皆学问,勿以善小而不为!