为什么我的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>
答案：建议不要使用CENTER
设置width属性就可以实现你的要求了,代码如下:
<div style="color:red; text-align:center; width:1000px">CSS技术（红色)</div>
<div style=" color:blue; text-align: center; width:1000px">
CSS用于定义Web页面内容在浏览器上的显示方式，由于HTML的功能有限，一般不能随意设计版面和编排文字，所以W3C公布了一套HTML的扩展标准CSS，扩展了HTML在排版和文字样式上的功能（蓝色）。
</div>
<div style="color:green; text-align:center; width:1000px">通过样式定义可以设定很多属性，如字号、颜色、页边距、元素在页面上的绝对位置等（绿色）。
</div>
其他：m 每段文字的水平布局？什么意思
如果是为了文字居中加个 <div style=“margin-left:auto; margin-right:auto; width:XXXpx;”>比较好。
上面设置百分比的当然宽度会变化了。 width:50%改成width:500px试试
上一个：webzip只保持单一页面的css,js,图片,应该选择下载的哪个选项?都是英文看不懂
下一个：css难学吗php呢
