我对css问题很难过.我在这里张贴了一个测试页面：
http://georgecrawford.com/test/供您检查.
我有一个左浮动的侧边栏div,以及一个跟随它的主内容div(它应该环绕它).如果内容只是段落,则没有问题,因为文本在浮点周围很好地包装.但是,我在内容中有一些块引用,我希望它们具有背景颜色和/或边框.这些文本没有问题,它当然围绕侧边栏很好地包装.但是,blockquote本身跨越内容div的整个宽度,这意味着它周围的边框将在侧边栏的顶部运行.
如何确保内容div中的blockquotes水平缩短为与其中的文本行(“行框”)相同的宽度？段落具有相同的行为,但我的段落周围不需要边框！
谢谢你的帮助！
解决方法
我偶然发现了这个问题的潜在修复方法.
如果我使用CSS属性overflow：auto设置所有blockquotes,它会使它们在浮动侧边栏重叠时减小到所需的宽度.我已经在http://georgecrawford.com/test/更新了演示,因此您可以看到差异.它在Safari / OS X中非常完美,但我还没有在其他浏览器中测试过.
任何意见？这个解决方案有什么缺点吗？非常感谢你的帮助.
原文地址：https://www.jb51.cc/css/662592.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
