html怎么固定位置

 我来答
幻翼高达Zero
2019-07-05 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.2万
展开全部

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:<button style="position: absolute;left: 250px;top: 40px;">按钮</button>。

3、浏览器运行index.html页面,此时按钮被固定在距离上方40px,左侧250px的位置。

爱教育爱学习
高粉答主

2019-05-25 · 学而不思则罔,思而不学则殆
爱教育爱学习
采纳数:384 获赞数:112734

向TA提问 私信TA
展开全部

html固定位置的方法如下:

1、首先给要固定的div添加类名,可以给div添加top这个类名。

2、然后给导航条设置颜色。

3、这样导航条就制作好了,接着开始固定导航条div的位置。

4、接下来给导航条所表示的div添加“position”属性。

5、然后把导航条的position属性设置为“fixed”,表示的是固定定位了。

6、最后在设置导航条的“top”属性为0,表示导航条跟浏览器顶部的距离为0,如果是其他数值,则会拉开一些距离,这样html固定位置的问题就解决了。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
freezing866
推荐于2017-09-01 · 知道合伙人互联网行家
freezing866
知道合伙人互联网行家
采纳数:145 获赞数:1032
六年网站开发经验,开发过的网站超过百个。擅长B2B、B2C、营销型网站开发。公司网址:www.wangyingshi.com

向TA提问 私信TA
展开全部

要想元素固定在一个位置,可以用CSS中的绝对定位属性来控制:position: absolute。

然后想定在哪个方位,可以通过top、right、bottom、left (顺时针)来控制方向。举个定位在顶部的例子:

<style>
.dw{
  position: absolute;
  top: 0px;
  z-index:999;
  width:50px;
  height:50px;
  border:1px red solid;
}
</style>
<body style="height:500px">
<div class="dw">DIV固定在顶部</div>
</body>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
a3476012
推荐于2017-09-04 · TA获得超过1268个赞
知道小有建树答主
回答量:484
采纳率:87%
帮助的人:133万
展开全部
方法有很多,最常用的方法有2种:
1.margin:1px 2px 3px 4px;(这个属性是相对相邻的上一个的标签定位的,1、2、3、4、分别表示的是顺时针的 上右下左)

2.position:absolute;

top:10px;

left:20px;绝对定位,这个属性是相对父标签的定位 top left很直观了 分别是对上、左的间距

PS:关于第二个方法,有一点很重要就是父元素必须先相对定位,就是给他一个 (position:relative;)
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hjghfjkglife
2014-10-27 · 超过21用户采纳过TA的回答
知道答主
回答量:33
采纳率:0%
帮助的人:33.2万
展开全部
可以使用浮动float或者直接使用定位来做啊!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式