这是一个创建于 5222 天前的主题，其中的信息可能已经有所发展或是发生改变。
HTML
<div id="nav"><p>sssssssssssss</p></div>
<div id="content">
<p>fffggggggggggggggggggggggggggggggggggggggggggggggggggggggffgggggggggggggggggggggfffffggggggggggggggggggggggggggfffffffgggggggggggggggggggggggggggggggggffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffddd ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddfdddddddddddff
</p>
</div>
CSS
#nav {width:300px;float:left;background-color:#FFFF00;border-right:3px solid red;}
#content {width:400px;float:left;background-color:blue;}
content 中我设置了宽度，content的背景色确实显示出了宽度，但是其中的p的内容为什么好像不受限制呢，而且更奇怪的是我在代码中给p的内容加入几个回车，网页中的p的内容还就换行了，这怎么回事，彻底迷糊了。
<div id="nav"><p>sssssssssssss</p></div>
<div id="content">
<p>fffggggggggggggggggggggggggggggggggggggggggggggggggggggggffgggggggggggggggggggggfffffggggggggggggggggggggggggggfffffffgggggggggggggggggggggggggggggggggffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffddd ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddfdddddddddddff
</p>
</div>
CSS
#nav {width:300px;float:left;background-color:#FFFF00;border-right:3px solid red;}
#content {width:400px;float:left;background-color:blue;}
content 中我设置了宽度，content的背景色确实显示出了宽度，但是其中的p的内容为什么好像不受限制呢，而且更奇怪的是我在代码中给p的内容加入几个回车，网页中的p的内容还就换行了，这怎么回事，彻底迷糊了。
 |
1
jacob OP 刚才搞明白了，原来不是浮动的问题，也不是div宽度的问题，也不是定位的问题，是tmd连续的字母撑破了div。真坑爹。
|
 |
2
darasion 2011-07-15 20:32:57 +08:00
嗯，没错。
英文是以空格来区分多个单词的。所以，那么长的东西没有空格，人家浏览器会以为你就是想要这么长的单词。。。。 |
 |
3
citydog 2011-07-15 20:51:02 +08:00
ie6不这么认为~~
|
 |
4
xell 2011-07-15 21:12:13 +08:00
做网页、写文档的时候，测试文字最好使用公认的 Lorem （http://en.wikipedia.org/wiki/Lorem_ipsum）。
|
Select Language