我对css问题很难过.我在这里设置了一个测试页面:http://georgecrawford.com/test/供您检查.
我有一个左浮动的侧边栏 div,以及一个跟随它的主内容 div(它应该环绕它).如果内容只是段落,则没有问题,因为文本在浮点周围很好地包装.但是,我blockquote在内容中有一些内容,我希望它们具有背景颜色和/或边框.这些文本没有问题,它当然围绕侧边栏很好地包装.但是,它blockquote本身跨越内容 div 的整个宽度,这意味着它周围的边框将在侧边栏的顶部运行.
如何确保内容 div中的blockquotes 水平缩短为与文本行("行框")内的宽度相同？段落具有相同的行为,但我的段落周围不需要边框!
谢谢你的帮助!
我偶然发现了这个问题的潜在修复方法.
如果我blockquotes使用CSS属性设置all overflow: auto,那么当它们与浮动的侧边栏重叠时,会使它们减小到所需的宽度.我已经在http://georgecrawford.com/test/上更新了演示,因此您可以看到差异.它在Safari/OS X中非常完美,但我还没有在其他浏览器中测试过.
任何意见？这个解决方案有什么缺点吗？非常感谢你的帮助.