和你用什麼寫無關……
發個例子給你
<html>
<head>
<style type="text/css" title="">
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
#main {padding-bottom:70px;}/*footer+10px間距*/
#footer {position:relative;margin-top:-60px;height:60px;clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
*html .clearfix { height: 1%;}.clearfix {display: block;}
#content{float:left;width:878px;border:1px solid #999;height:400px;}
#side{float:right;width:98px;border:1px solid #999;}
#footer{border:1px solid #999;}
</style>
</head>
<body>
<div id="wrap">
<div id="main" class="clearfix">
<div id="content">;說明: 使用這個佈局的前提,就是footer要在總的div容器之外,footer使用一個層,其它所有內容使用一個總的層。如果確實需要到添加其它同級層,那這個同級層就必須使用position:absolute進行絕對定位。</div>
<div id="side">Side</div>
</div>
</div>
<div id="footer">ffff</div>
</body>
</html>
2.html中 div怎麼固定到底部想要將html中 div怎麼固定到底部很簡單,只需要給這個div元素的position屬性設定爲fixed,並且bottom屬性設定爲0px即可。具體核心代碼如下
<div id="">
固定到底部
</div>
執行效果如下圖:
這裏使用的是行內式,也可以使用行外式和外部式都可以達到效果。
擴展資料:
HTML的編輯方式:
1、基本文字、文檔編輯軟件,使用微軟自帶的記事本或寫字板都可以編寫,當然,如果你用WPS來編寫,也可以。不過存盤時請使用.htm或.html作爲副檔名,這樣就方便瀏覽器認出直接解釋執行了。
2、半所見即所得軟件,如:FCK-Editer、E-webediter等在線網頁編輯器;尤其推薦:Sublime Text代碼編輯器(由Jon Skinner開發,Sublime Text2收費但可以無限期試用)。
3、所見即所得軟件,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網頁,如:AMAYA(出品單位:萬維網聯盟);FRONTPAGE(出品單位:微軟);Dreamweaver(出品單位Adobe);Microsoft Visual Studio(出品公司:微軟)。
參考資料:百度百科——HTML
3.底部在CSS裏是怎麼寫的樓上的,你沒明白,lz問的是從下往上定位的順序,事實上,在採取position定位後,有四個屬性分別是top bottom left right 對應上下左右, 但是 在定位過程中, top和bottom只能取其一, left和right也只能娶其一
否則 靠後的定義將覆蓋靠前的定義.
所以 "這裏只有top和left" 是沒理由的. 可以參考如下的代碼
<div style=" width: 400px;">TEXT</div>
將把該div定位在右下角
------------------------------
bottom
}
position: absolute;
bottom: 20px;
}
這樣子的
上下左右分別對應於 top bottom left right