div的两列居中放置并对每个div设计css样式

ttx9n · 发表于 2014-2-17 17:07:14

一个大的div id=content包含两个左右结构的div，id=side和id= main 并居中放置，下面是具体的示例代码，感兴趣的朋友可以参考下以下代码实现一个大的div id=content包含两个左右结构的div，id=side和id= main 并居中放置。并对每个div设计了css样式。

复制代码代码如下:
<!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" />
<style type="text/css">
#side {
background-color: #00CC66;
float: left;
height: 300px;
width: 120px;
}
#main {
background-color: #CC6633;
height: 300px;
width: 70px;
margin-left:122px;
}
#content {
width: 470px;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<div id="content">
<div id="side">此处显示 id "layout" 的内容</div>
<div id ="main">cichu</div>
</div>
</body>
</html>

i1efp6c · 发表于 2022-9-18 14:26:45

谢谢楼主分享

bp5jgbcnt · 发表于 2022-10-26 04:26:20

天天源码论坛

wangdj110 · 发表于 2022-11-13 07:19:33

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

3mfwk4yf · 发表于 2023-4-3 02:28:09

66666666666666666666

额呵呵 · 发表于 2023-5-16 19:04:45

激动人心，无法言表！

回复用户5 · 发表于 2023-8-16 21:02:12

抽根烟，下来看看再说

9jduu05 · 发表于 2023-10-24 05:26:10

快更新啊，我擦

qq303604905 · 发表于 2023-11-4 08:02:08

我要金豆金豆金豆

qzdhcgs · 发表于 2023-12-2 13:47:01

我找了挺久终于找到了

账号		自动登录	找回密码
密码			立即注册

[CSS] div的两列居中放置并对每个div设计css样式

相关帖子