我正在尝试一个位置：固定；#header 100% 宽度和 50px 最大高度。在大多数网络浏览器的全屏上，我无法保证#header 中的布局内容是一致的，但是，它很可能适合页面。然而，更大的担忧是，在调整大小后，内容看起来会一团糟。有没有人有一种他们喜欢的方法来扩展这些内容？
这是我正在做的一个小的基本示例
/* --- Footer/Header Area --- */
#footer {
height: 70px;
max-height: 70px;
width: 100%;
position: absolute;
background-color: #eee
}
#header {
background-color: #fff;
height: 50px;
max-height: 50px;
line-height: 45px;
width: 100%;
position: fixed;
top: 0;
float:left;
box-shadow: 2px 4px 5px #555;
}
#header img {
/* --- TOGOHERE: >>>> margin: 10px 30px 0 --- */
}
#header h1 {
display:inline-block;
font-size: 1.2em;
font-family:Courier New;
text-align: left;
}
#header h2 {
display:inline-block;
font-size: x-small;
font-family: Tahoma;
text-align: center;
padding-right:2cm;
}
#header h3 {
display:inline-block;
font-size: xx-small;
font-family: Tahoma;
text-align: center;
padding-right:2cm;
}