我目前正在尝试制作一个宽度为整个屏幕 100% 的 div。我通过编写代码做到了:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>100% width</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
html,body {
padding:0px;
margin:0px;
width:100%;
}
</style>
</head>
<body>
<div style="background-color:yellow;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</body>
</html>
它在正常缩放设置下工作正常,但当我进行最大缩放时 (FireFox 6.0.2),div 内的字母超出了黄色框。有没有办法让黄色框也延伸到窗口的尽头?
谢谢。
最佳答案
您可以强制将非常长的单词换行:
word-wrap: break-word;
在你的 div 样式中。
最大缩放时发生的事情真的很重要吗?
关于css - 内容超出 div 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7508809/