流体和固定标题
骨架上的HTML是象下面这样：
<div class="masterHeader">
THIS IS HEADER TEXT
<br/>
<span style="float: left;"> LEFT SPAN </span>
<span style="float: right;"> RIGHT SPAN </span>
</div>
<div class="contentData">
</div>
使用造型下面的CSS：
.masterHeader
{
display: block;
height: 80px;
position: fixed;
text-align: center;
min-width: 700px;
width: 100%;
}
.contentData
{
float: left;
margin-top: 100px;
padding-bottom: 15px;
padding-left: 2px;
position: relative;
width: 100%;
}
没有它不是我所问的。可以说，标题宽度应该是900px，它应该有margin：0 auto;它应该固定在位。它也应该具有流体布局的特性。请回答。我是新来的。而这整个事情应该由容器应该是宽度：100％，但这是最后一个是可选的。 – AxelKishore 2012-07-09 09:47:24
我不明白你的意思，“它也应该具有流体布局的特性”。你想被修复，并希望它是流体!!!!!!!!!!这里流动的意思是什么？如果要调整大小，请在CSS中使用％而不是“px”。 – Narendra 2012-07-09 09:57:01
与facebook标题一样，如果浏览器调整大小，内容会相应移动 – AxelKishore 2012-07-09 11:17:54
这可以用CSS3媒体查询和/或HTML4媒体属性来完成的，请参阅http://affinitysearch.com进行演示（提示：调整浏览器窗口的大小）。
的基本语法是：
主要样式表（内置于移动）：<link rel="stylesheet" href="/css/style.css">
600px的和上面的样式表：<link rel="stylesheet" media="only screen and (min-width:600px)" href="/css/600.css">
960像素和上述样式表：<link rel="stylesheet" media="only screen and (min-width:960px)" href="/css/960.css">
此方法是兼容与大多数浏览器。
什么应该是流体呢？标题本身还是你有一个列的布局？头部是否应该根据它的身高来固定？ – insertusernamehere 2012-07-09 06:39:11
也许这就是你要找的东西：http://*.com/questions/11349952/css-layout-with-both-fixed-and-liquid-columns/11350665#11350665 – insertusernamehere 2012-07-09 06:45:42