在 this fiddle ,您可以看到一个标题栏,左侧是标题,右侧是一些文本。问题应该很明显,
- 标题栏不随整个站点缩放,仅随可见部分缩放
- 右浮动文本贴在标题顶部,与标题不在同一基线上。
我该如何解决这个问题?有没有更好的方法来实现我想做的事情?
澄清:“页眉不缩放”是指它的宽度不是 #header
中定义的 750px,因为页面太小了。
最佳答案
一些事情:
- 不需要 float 清除元素。只需将
overflow: auto;
添加到容器即可。 - 使用
max-width
而不是width
,因为它可以很好地缩放。
关于html - CSS - 1. 标题不缩放 2. float 文本不在同一基线上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9578910/