V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
jacob
V2EX  ›  问与答

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

  •  
  •   jacob · 2011-07-15 20:19:33 +08:00 · 5056 次点击
    这是一个创建于 4878 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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的内容还就换行了,这怎么回事,彻底迷糊了。
    5 条回复    1970-01-01 08:00:00 +08:00
    jacob
        1
    jacob  
    OP
       2011-07-15 20:29:59 +08:00
    刚才搞明白了,原来不是浮动的问题,也不是div宽度的问题,也不是定位的问题,是tmd连续的字母撑破了div。真坑爹。
    darasion
        2
    darasion  
       2011-07-15 20:32:57 +08:00
    嗯,没错。
    英文是以空格来区分多个单词的。所以,那么长的东西没有空格,人家浏览器会以为你就是想要这么长的单词。。。。
    citydog
        3
    citydog  
       2011-07-15 20:51:02 +08:00
    ie6不这么认为~~
    xell
        4
    xell  
       2011-07-15 21:12:13 +08:00
    做网页、写文档的时候,测试文字最好使用公认的 Lorem (http://en.wikipedia.org/wiki/Lorem_ipsum)。
    jacob
        5
    jacob  
    OP
       2011-07-15 21:14:47 +08:00
    @citydog 确实表现不一样,我算是被傲娇ie6弄服了,不管她了,但愿它早点消失吧。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4484 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 04:03 · PVG 12:03 · LAX 20:03 · JFK 23:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.