流体和固定标题

我想创建一个固定标题的网站，它也应该是流体布局。有没有可能的方法来做到这一点？如果是这样如何？任何帮助，将不胜感激。流体和固定标题

2012-07-09 AxelKishore

什么应该是流体呢？标题本身还是你有一个列的布局？头部是否应该根据它的身高来固定？ – insertusernamehere 2012-07-09 06:39:11

也许这就是你要找的东西：http://stackoverflow.com/questions/11349952/css-layout-with-both-fixed-and-liquid-columns/11350665#11350665 – insertusernamehere 2012-07-09 06:45:42

骨架上的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%; 
}

来源

2012-07-09 06:43:19 Narendra

没有它不是我所问的。可以说，标题宽度应该是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">

此方法是兼容与大多数浏览器。

来源

2012-07-09 15:30:58

流体和固定标题

回答

相关问题