当前位置:懂科普 >

综合知识

> html去底部怎么写 我用记事本写的HTML代码请问绝对底部的代码怎么写

html去底部怎么写 我用记事本写的HTML代码请问绝对底部的代码怎么写

1.我用记事本写的HTML代码 请问绝对底部的代码怎么写

和你用什么写无关……

html去底部怎么写 我用记事本写的HTML代码请问绝对底部的代码怎么写

发个例子给你

<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

  • 文章版权属于文章作者所有,转载请注明 https://dongkepu.com/zonghezhishi/ewld0m.html