html中按钮不能用相对定位吗?

发布网友发布时间：2022-04-27 08:58

共7个回答

懂视网时间：2022-05-13 06:11

内容网址

想做成：

可实际做成了：

要怎么改？

回复讨论(解决方案)

内容网址

HTML code

内容网址
……

去掉

现在变成这样了

那是你有其他的样式，谁知道你的代码怎么写的。
你把这段代码单独写一个文件看是什么样的。

父元素不够长吧

没有浮动吧。

你这只是一部分代码啊，父元素 CSS样式神马的都贴出来啊

内容

网址

内容网址……

没看到你那样，我运行都在一行显示呀！

热心网友时间：2022-05-13 03:19

有两种方法：

方法一：绝对定位布局，利用定位，可以将按钮放到任意位置

1）将包含按钮的父级标签设置为相对定位

.d2{

width:500px;

height:300px;

background:#660099;

position:relative;/*设置相对定位*/

}

2）将按钮设置为绝对定位，设置左边的距离，顶部的距离

.btn2{

background:#99ff00;

position:absolute;

left:100px;

top:120px;

}

3）运行查看结果：按钮02 离左边100px ,顶部120px

方法二：浮动定位，利用设置按钮为浮动，缺点是不能很精确的定位到某个位置

1）代码如下：利用float:right 设置靠右

2）运行结果如下：

总结：如果需要定位到某个精确的位置，采用定位布局，即方法一

热心网友时间：2022-05-13 04:37

可以，需要根据实际情况来做。相对定位也是根据父元素的设置决定的

热心网友时间：2022-05-13 06:12

都是可以的可以啊

热心网友时间：2022-05-13 08:03

可以啊

热心网友时间：2022-05-13 10:11

写的没毛病啊！
<html>
<head>
<style>
#cctv{
postition:relative;
top:40px;
left:410px;
}
</style>
</head>
<body>
<button id="cctv">1</button>
</body>
</html>

热心网友时间：2022-05-13 12:36

可以啊，你写的有问题吧，你可以把你的代码贴出来帮你修改下