为什么我的css+div效果出不来！网页设计初学者代码（附样本图），请教高手帮忙修正！
设计要求要点：浏览器宽度变化时，三段文字的宽度不变；每段文字的水平布局。
我改了很多次都不对。我的代码如下：
<html>
<head>
</head>
<body>
<center><div style="overflow:auto; white-space:nowrap;">
<div style="color:red; text-align:center;">CSS技术（红色）</div>
<p style="width:50%; color:blue; text-align:left; text-indent:1em;">
CSS用于定义Web页面内容在浏览器上的显示方式，由于HTML的功能有限，一般不能随意设计版面和编排文字，所以W3C公布了一套HTML的扩展标准CSS，扩展了HTML在排版和文字样式上的功能（蓝色）。
</p>
<p style="width:50%; color:green; text-align:center;">通过样式定义可以设定很多属性，如字号、颜色、页边距、元素在页面上的绝对位置等（绿色）。
</p>
</div></center>
</body>
</html>
答案：不知道你的代码为什么那么复杂。。。 我给你写了个 有DIV 还有P的。
<!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">
<!--
#div1{width:800px;height:200px;margin:0 auto; background:#999999;}
#div2{width:800px;height:200px;margin:0 auto;background:#666;}
#div3{width:800px;height:200px;margin:0 auto;background:#333;}
-->
</style>
</head>
<body>
<div id="div1">1111111111111111111111111111111</div>
<div id="div2">11111111111111111111111111</div>
<div id="div3">11111111111111111111111111111</div>
<p align="center">1111111111111111</p>
<p align="center">222222222222222</p>
</body>
</html>其他：我这你写的css效果都出来了啊。
怎么可能没有 <center><div style="overflow:auto; white-space:nowrap;">
<div style="color:red; text-align:center;">CSS技术（红色）</div>
<p style="width:50%; color:blue; text-align:left; text-indent:1em;">
CSS用于定义Web页面内容在浏览器上的显示方式，由于HTML的功能有限，一般不能随意设计版面和编排文字，所以W3C公布了一套HTML的扩展标准CSS，扩展了HTML在排版和文字样式上的功能（蓝色）。
</p>
<p style="width:50%; color:green; text-align:center;">通过样式定义可以设定很多属性，如字号、颜色、页边距、元素在页面上的绝对位置等（绿色）。
</p>
</div></center>
放在body标签里面 给center加个宽度 宽度不用width=“50%"写，而用固定的长度，如width=“500”这样的绝对值来写。 楼上 不要害人 width=“500”的话就死了 要width=“500px” 在3个div都加上 align=“left”
上一个：{$Skin_CSS}、{$MenuJS} js中这个是什么意思
下一个：css中选择器的格式是如何规定的？
