给出以下HTML。它显示两列:#left,#right。两者均为固定宽度,并且具有1px边框。宽度和边框等于上部容器的大小:#wrap。
当我缩小Firefox 3.5.2通过按Ctrl – 列获得包装(demo)。
如何防止这种情况?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> div {float:left} #wrap {width:960px} #left,#right {width:478px;border:1px solid} </style> </head> <body> <div id="wrap"> <div id="left"> left </div> <div id="right"> right </div> </div> </body> </html>