2020-05-10
有两种方法来:
方法一:绝对定位布局,利用定位,可以将按钮放到任意位置
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)运行结果如下:
总结:如果需要定位到某个精确的位置,采用定位布局,即方法一
2017-03-26 · 知道合伙人互联网行家
有两种方法:
方法一:绝对定位布局,利用定位,可以将按钮放到任意位置
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)运行结果如下:
总结:如果需要定位到某个精确的位置,采用定位布局,即方法一
1、html又称为超文本标记语言,HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯-李创建,由IETF用简化的SGML(标准通用标记语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。
2、方法一:绝对定位布局,利用定位,可以将按钮放到任意位置
1)将包含按钮的父级标签设置为相对定位
.d2{
width:500px;
height:300px;
background:#660099;
position:relative; /*设置相对定位*/
}
2)将按钮设置为绝对定位,设置左边的距离,顶部的距离
.btn2{
background:#99ff00;
position:absolute;
left:100px;
top:120px;
}
3)运行查看结果:按钮02 离左边100px ,顶部120px
3、方法二:浮动定位,利用设置按钮为浮动,缺点是不能很精确的定位到某个位置
1)代码如下:利用float:right 设置靠右
2)运行结果如下:
2013-03-05
广告 您可能关注的内容 |