个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
我有一个 HTML 页面，为了这个问题看起来像这样:
<html>
<head>
<style>
div { width: 100%; }
.success { background-color: #ccffcc; }
</style>
</head>
<body>
<div class="success">
<nobr>This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line.</nobr>
</div>
</body>
</html>
注意“很长的一行”，以及那个 div 的背景颜色。
我的问题(我敢打赌这是一个基本问题)是背景颜色停在屏幕的边缘。当我向右滚动以查看其余文本时，其余文本背景为白色。
基本上我希望我的 div 表现如下:
这有什么意义吗？
有什么办法吗？
我在这里设置了一个测试页面，如果你在 iPhone 上查看这个页面，虽然字体很小，但会显示问题:http://www.vkarlsen.no/test/test.html
我看到以下问题被 SO 列为潜在的重复项/建议，这是我在尝试其中的信息时注意到的内容:
iPad background for div blocks not spanning entire width of screen
尝试了建议的 <meta ... viewport .../>标签，没有什么不同(它现在出现在测试页中。)
Background color stretches accross entire width of ul
<div> s 已经是 block 元素
WebKit doesn't paint background-color for entire width of final inline list item
尝试将 div 设置为 display: inline-block;但这似乎并没有改变什么
最佳答案
黑魔法:
<style>
body { float:left;}
.success { background-color: #ccffcc;}
</style>
如果有人清楚地解释了为什么会这样，请发表评论。我认为这与 float 的副作用有关，它消除了正文必须适合页面宽度的限制。
关于css - 如何设置 div 的样式，使内容的整个宽度都具有背景色，而不仅仅是显示器的宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8704817/
25
4
0
我是一名优秀的程序员,十分优秀！