新建一个html文档
在名为worp的div下有left和right的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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#worp {
padding: 0px;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#worp #left {
background-color: #0000CC;
margin: 0px;
padding: 0px;
float: left;
width: 400px;
height: 100px;
}
#worp #right {
background-color: #FF0000;
float: right;
height: 100px;
width: 400px;
}

-->
</style>
</head>

<body>
<div id="worp">
<div id="left">此处显示 id "left" 的内容</div>
<div id="right">此处显示 id "left" 的内容</div>
</div>
</body>
</html>

随机文章

wordpress3.5后台HTML编辑器添加快捷标签按钮
wordpress3.5后台HTML编辑器添加快捷标签按钮

求6块钱回家
求6块钱回家

添加wordpress幻灯片插件FlippingBook WordPress Gallery Plugin实现相册
添加wordpress幻灯片插件FlippingBook WordPress Gallery Plugin实现相册

天下3到底有多火啊,要排队了
天下3到底有多火啊,要排队了

用cmd调试java图文教程
用cmd调试java图文教程

如此牛X的facebook我们去访问不了
如此牛X的facebook我们去访问不了

相关文章

jQuery boxy弹出层插件简介
jQuery boxy弹出层插件简介

百度搜索真坏啊
百度搜索真坏啊

苍井空可爱喝汤照
苍井空可爱喝汤照

分享jquery仿apple官网伸缩弹性搜索框
分享jquery仿apple官网伸缩弹性搜索框

oppo(欧珀)手机刷机图文教程
oppo(欧珀)手机刷机图文教程

内容分享:道招
本文链接:用css实现两个div并排
道招声明:除特别标注或作者不详外,本站所有文章均为原创,转载请注明。欢迎共同关注互联网!