浮动的div无法包裹P元素吗????

2011-07-15 20:19:33 +08:00
 jacob
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的内容还就换行了,这怎么回事,彻底迷糊了。
5059 次点击
所在节点    问与答
5 条回复
jacob
2011-07-15 20:29:59 +08:00
刚才搞明白了,原来不是浮动的问题,也不是div宽度的问题,也不是定位的问题,是tmd连续的字母撑破了div。真坑爹。
darasion
2011-07-15 20:32:57 +08:00
嗯,没错。
英文是以空格来区分多个单词的。所以,那么长的东西没有空格,人家浏览器会以为你就是想要这么长的单词。。。。
citydog
2011-07-15 20:51:02 +08:00
ie6不这么认为~~
xell
2011-07-15 21:12:13 +08:00
做网页、写文档的时候,测试文字最好使用公认的 Lorem (http://en.wikipedia.org/wiki/Lorem_ipsum)。
jacob
2011-07-15 21:14:47 +08:00
@citydog 确实表现不一样,我算是被傲娇ie6弄服了,不管她了,但愿它早点消失吧。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/15780

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX