HTML与CSS布局问题解析-优快云博客

本文探讨了HTML与CSS在网页布局中遇到的问题，特别是当div元素内的文本没有空格或标点时导致的显示异常。通过分析代码示例，讨论了可能的原因，并提出了相应的解决方案。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #container { width: 82%; margin: 0 auto; border: 1px solid #f00; position: relative; } #primarycontainer { float: left; margin-right: -200px; width: 100%; background: #c0c0c0; } #secondarycontainer { float: right; width: 200px; background: #0c0c0c; } #primarycontent { margin: 1.5em 22.0em 0em 0em; } </style> </head> <body> <div id="container"> <div id="primarycontainer"> <div id="primarycontent"> aldlsdflsdjflasjdflasj flasjfdljasdlfasl;fjalsdjflasdjflsjfl asdjlasjflasjflajsdlfjasl fjaslfjlasjflasjdlsj flsjdfljasdlffjsaldf jalsdfjlasjdflasjfl asjdflasjflja sdlfjasdlfjaslfj </div> </div> <div id="secondarycontainer">2</div> </div> </body> </htm

primarycontent部分：如果div中的内容输入的是连续的无空格与标点符号的内容，整个页面的格式将会出错。

我猜测，可能是将这一部分代码认别了一个单词了。