html - CSS - 1. 标题不缩放 2. float 文本不在同一基线上

标签 html css positioning css-float

this fiddle ,您可以看到一个标题栏,左侧是标题,右侧是一些文本。问题应该很明显,

  1. 标题栏不随整个站点缩放,仅随可见部分缩放
  2. 右浮动文本贴在标题顶部,与标题不在同一基线上。

我该如何解决这个问题?有没有更好的方法来实现我想做的事情?

澄清:“页眉不缩放”是指它的宽度不是 #header 中定义的 750px,因为页面太小了。

最佳答案

一些事情:

  • 不需要 float 清除元素。只需将 overflow: auto; 添加到容器即可。
  • 使用 max-width 而不是 width,因为它可以很好地缩放。

试试这个:http://jsfiddle.net/PkkU8/7/

关于html - CSS - 1. 标题不缩放 2. float 文本不在同一基线上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9578910/

相关文章:

html - 如何避免在 div 中页脚与它上面的图像重叠

jquery - 将浮点值赋予 html 标签 Internet Explorer 的 css "left"

c# - 如何从 webBrowser 控件中的当前选定选项获取 innerText

javascript - 将事件类添加到当前元素

javascript - 如何在一行中滑动 div?

javascript - 意外的 css 位置 :absolute behavior

javascript - 显示多个时最小化和最大一个 Div

html - 为什么 Safari 会截掉这段文字的顶部?

html - Bootstrap 3 模态响应

固定社交按钮 div 相对于另一个 div 或容器的 CSS 定位