html css简单问题 我的contentzuo为什么不管用我想把黄色部分下面一分为2
body{font-family:Verdana;font-size:14px;margin:0;}#container{margin:0auto;width:984px...
body { font-family:Verdana; font-size:14px; margin:0;}
#container {margin:0 auto; width:984px;}
#header { height:100px; background:#6cf; margin-bottom:5px;}
#menu { height:30px; background:#09c; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:223px; height:1793px; background:#9ff;}
#content { float:right; width:743px; height:185px; background:#cff;}/*因为是固定宽度，采用左右浮动方法可有效避免ie 3像素bug*/
#content1 {float:right; width:743px; height:993px; background:yellow;}
#contentzuo ｛float:right; width:360px; height:400px; background:red;}
#footer { height:2310px; background:#6cf;}
---------------------------css----------------------------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>2列固<a href="http://www.aa25.cn">aa25.cn</a></title>
<link href="layout.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="CSS" />
<meta name="" content="标" />
<meta name="author" content"题" />
<meta name="Description" content="权" />
</head>
<body>
<div id="container">
<div id="header">This is the Header</div>
<div id="menu">This is the Menu</div>
<div id="mainContent">
<div id="sidebar">This is the sidebar</div>
<div id="content">2列固定宽度左窄右宽型+头部+导航+尾部——<a href="http://www.aa25.cn"><a href="http://www.aa25.cn">标准之路www.aa25.cn</a></a></div>
<div id="content1"> </div>
<div id="contentzuo"> </div>
</div>
<!-- <div id="footer">This is the footer </div> -->
</div>
</body>
</html> 展开
#container {margin:0 auto; width:984px;}
#header { height:100px; background:#6cf; margin-bottom:5px;}
#menu { height:30px; background:#09c; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:223px; height:1793px; background:#9ff;}
#content { float:right; width:743px; height:185px; background:#cff;}/*因为是固定宽度，采用左右浮动方法可有效避免ie 3像素bug*/
#content1 {float:right; width:743px; height:993px; background:yellow;}
#contentzuo ｛float:right; width:360px; height:400px; background:red;}
#footer { height:2310px; background:#6cf;}
---------------------------css----------------------------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>2列固<a href="http://www.aa25.cn">aa25.cn</a></title>
<link href="layout.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="CSS" />
<meta name="" content="标" />
<meta name="author" content"题" />
<meta name="Description" content="权" />
</head>
<body>
<div id="container">
<div id="header">This is the Header</div>
<div id="menu">This is the Menu</div>
<div id="mainContent">
<div id="sidebar">This is the sidebar</div>
<div id="content">2列固定宽度左窄右宽型+头部+导航+尾部——<a href="http://www.aa25.cn"><a href="http://www.aa25.cn">标准之路www.aa25.cn</a></a></div>
<div id="content1"> </div>
<div id="contentzuo"> </div>
</div>
<!-- <div id="footer">This is the footer </div> -->
</div>
</body>
</html> 展开
1个回答
展开全部
<style>
body { font-family:Verdana; font-size:14px; margin:0;}
#container {margin:0 auto; width:984px;}
#header { height:100px; background:#6cf; margin-bottom:5px;}
#menu { height:30px; background:#09c; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:223px; height:1793px; background:#9ff;}
#content { float:right; width:743px; height:185px; background:#cff;}/*因为是固定宽度，采用左右浮动方法可有效避免ie 3像素bug*/
#content1 {float:right; width:743px; height:993px; background:yellow;}
#contentzuo{ float:right; width:371px; height:400px; background:red;}
#contentyou{ float:right; width:371px; height:400px; background:#00C;}
#footer { height:2310px; background:#6cf;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>2列固<a href="http://www.aa25.cn">aa25.cn</a></title>
<link href="layout.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="CSS" />
<meta name="" content="标" />
<meta name="author" content"题" />
<meta name="Description" content="权" />
</head>
<body>
<div id="container">
<div id="header">This is the Header</div>
<div id="menu">This is the Menu</div>
<div id="宴含mainContent">
<div id="sidebar">This is the sidebar</链清div>
<div id="棚祥前content">2列固定宽度左窄右宽型+头部+导航+尾部——<a href="http://www.aa25.cn"><a href="http://www.aa25.cn">标准之路www.aa25.cn</a></a></div>
<div id="content1"> </div>
<div id="contentzuo"> </div>
<div id="contentyou"> </div>
</div>
<!-- <div id="footer">This is the footer </div> -->
你看看你是想要这种效果吗？如果不是的话，请追问我；
body { font-family:Verdana; font-size:14px; margin:0;}
#container {margin:0 auto; width:984px;}
#header { height:100px; background:#6cf; margin-bottom:5px;}
#menu { height:30px; background:#09c; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:223px; height:1793px; background:#9ff;}
#content { float:right; width:743px; height:185px; background:#cff;}/*因为是固定宽度，采用左右浮动方法可有效避免ie 3像素bug*/
#content1 {float:right; width:743px; height:993px; background:yellow;}
#contentzuo{ float:right; width:371px; height:400px; background:red;}
#contentyou{ float:right; width:371px; height:400px; background:#00C;}
#footer { height:2310px; background:#6cf;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>2列固<a href="http://www.aa25.cn">aa25.cn</a></title>
<link href="layout.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="CSS" />
<meta name="" content="标" />
<meta name="author" content"题" />
<meta name="Description" content="权" />
</head>
<body>
<div id="container">
<div id="header">This is the Header</div>
<div id="menu">This is the Menu</div>
<div id="宴含mainContent">
<div id="sidebar">This is the sidebar</链清div>
<div id="棚祥前content">2列固定宽度左窄右宽型+头部+导航+尾部——<a href="http://www.aa25.cn"><a href="http://www.aa25.cn">标准之路www.aa25.cn</a></a></div>
<div id="content1"> </div>
<div id="contentzuo"> </div>
<div id="contentyou"> </div>
</div>
<!-- <div id="footer">This is the footer </div> -->
你看看你是想要这种效果吗？如果不是的话，请追问我；
追问
我还想最下面加一个黑色的底部条求指点
追答
如果实现了，请采纳！
因为内容超出，所以只能放在TXT文档里面，按照你的要求，底部黑色；我设置的宽度为：100%；这个你可以自己调试一下；如果是固定宽度，让底部块儿居中即可；你应该会弄；
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
