div的两列居中放置并对每个div设计css样式
导读：收集整理的这篇文章主要介绍了div的两列居中放置并对每个div设计css样式，觉得挺不错的，现在分享给大家，也给大家做个参考。 以下代码实现一个大的div id=content包含两个左右结构的div，id=side和id= ma...
收集整理的这篇文章主要介绍了div的两列居中放置并对每个div设计css样式，觉得挺不错的，现在分享给大家，也给大家做个参考。 以下代码实现一个大的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>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： div的两列居中放置并对每个div设计css样式
本文地址： https://pptw.com/jishu/584931.html