2015-04-04 53 views
2

所以我有三個分部。一個容器和兩個裏面。我想做的事情是一個粘性的頁腳。
HTML:我如何從他的div容器中製作div格式?

<div class="container"> 
    <div class="one"></div> 
    <div class="two"></div> 
</div> 

CSS:

.container{ 
    width:500px; 
    height:500px; 
    background:green; 
} 

.one{ 
    width:100%; 
    height:50px; 
    background:blue; 
} 

.two{ 
    width:100%; 
    height:50px; 
    background:red; 
} 

我知道這也許是菜鳥的問題,但在這裏即時學習,我沒有找到答案。

這裏是一個的jsfiddle:http://jsfiddle.net/oz0amshe/

如果有人能告訴我如何使以。二住宿.container我會很高興了。

謝謝大家的支持。

回答

0

根據您的需要,簡單地將div與容器相關聯可能就足夠了。因此,例如:

.container { 
    position: relative; 
} 
.two { 
    position: absolute; 
    bottom: 0; 
} 

這裏你調整fiddle

+0

正是我正在尋找它,甚至更好地與我在做什麼。謝謝,我的朋友。真的令人失望。 – Daniel 2015-04-04 12:35:03

+0

我會在6分鐘內標記你的問題,因爲它不會讓我。 – Daniel 2015-04-04 12:35:31

+0

如果你想要一個更堅固一點的真正的粘性頁腳,你還可以在http://ryanfait.com/html5-sticky-footer/上獲得一個掠奪。 – pschueller 2015-04-04 12:36:49