为了账号安全,请及时绑定邮箱和手机立即绑定

请教关于position的一个问题

为什么position用absolute,div样式不能在中间,用relative就可以

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>jQuery动画特效</title>

    </head>

    <style type="text/css">

        div{

            position:absolute;(relative)

             border:1px solid red;

             margin:0 auto;

             width:80px;

             height:20px;

             

            }

    </style>

    <body>

        <input type="button" value="左移" id="bt1">

        <input type="button" value="右移" id="bt2">

       <div></div> 

    </body>

</html>


正在回答

1 回答

当给div设置absolute时,该元素已经脱离文档流,呈现浮动状态,只能通过left,top,right,bottom来设置属性,要实现居中只能通过js,代码如下:

<script>

$(document).ready(function(){

var getE=$("#helpPannel").innerWidth();

var getBody=$("body").outerWidth();

var result=(getBody-getE)/2+"px";

$("#helpPannel").css("left",result);

});

</script>

<div id="helpPannel"></div> 

0 回复 有任何疑惑可以回复我~
#1

转角只为遇见你 提问者

OK,谢啦!
2015-06-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

请教关于position的一个问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信