div高度：百分比px

我對網頁設計很陌生，所以這可能是一個愚蠢的問題，但請耐心等待。div高度：百分比px

我想創建一個水平居中的div，並且其高度始終從底部延伸至175px，因此基本上是100％減去175px的高度。

在div含量長於高度，應該是滾動

這裏是我的本錢：

.container { 
    width: 600px; 
    margin-left: auto; 
    margin-right: auto; 
    overflow: scroll; 
    height: 100%; 
}

但現在我需要某種形式的切斷線，將停止將內容擴展到頁面的底部。

來源

2012-01-22 user1163818

聽起來真是你只想要一個175像素的高頁腳總是粘在窗口（視）底邊與內容無關的量以上。 – Sparky

是的，我想這可能會解決問題，但頁腳將需要透明...我怎麼能創建這樣的頁腳？ – user1163818

看看'position：fixed;'http://www.w3.org/TR/CSS2/visuren.html – Sparky

這將有助於瞭解您想要實現的視覺效果。很多時候，在CSS中，視覺效果並不完全與您使用的代碼對稱 - 換句話說，很多時候代碼被用來創建「幻想」......無論如何我都會離題。

參考文獻見http://jsfiddle.net/xqBph/6/

<div id="container"> 
    <div id="content"> 
     some content 
    </div> 
</div> 

body, 
html { 
    height: 100%; 
    position: relative 
} 

#container { 
    width: 200px; 
    height: 100%; 
    overflow: hidden; 
    margin-top: -175px; 
    outline: 1px solid red; 
} 

#content {padding-top: 175px}

來源

2012-01-22 20:27:43

就像一個魅力，非常感謝 – user1163818

div高度：百分比px

回答

相關問題