jacob
V2EX  ›  问与答

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

  •  
  •   jacob · Jul 15, 2011 · 5569 views
    This topic created in 5439 days ago, the information mentioned may be changed or developed.
    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 replies    1970-01-01 08:00:00 +08:00
    jacob
        1
    jacob  
    OP
       Jul 15, 2011
    刚才搞明白了,原来不是浮动的问题,也不是div宽度的问题,也不是定位的问题,是tmd连续的字母撑破了div。真坑爹。
    darasion
        2
    darasion  
       Jul 15, 2011
    嗯,没错。
    英文是以空格来区分多个单词的。所以,那么长的东西没有空格,人家浏览器会以为你就是想要这么长的单词。。。。
    citydog
        3
    citydog  
       Jul 15, 2011
    ie6不这么认为~~
    xell
        4
    xell  
       Jul 15, 2011
    做网页、写文档的时候,测试文字最好使用公认的 Lorem (http://en.wikipedia.org/wiki/Lorem_ipsum)。
    jacob
        5
    jacob  
    OP
       Jul 15, 2011
    @citydog 确实表现不一样,我算是被傲娇ie6弄服了,不管她了,但愿它早点消失吧。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   894 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 21:53 · PVG 05:53 · LAX 14:53 · JFK 17:53
    ♥ Do have faith in what you're doing.