2-9编程练习-这样可以吗?

2-9编程练习-这样可以吗?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
 *{
            margin: 0;
 padding:0;
 }
        .test{
            width: 800px;
 height: 100px;
 background: red;
 /*此处写代码*/
 position: fixed;
 margin: auto;
 right: 0;
 left:0;
 top:0;

 }
        .out{
            width: 100%;
 height: 2000px;
 background-color: #abcdef;

 }
    </style>
</head>
<body>
<div class="out">
    <div class="test"></div>
</div>
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
THappy 2018-02-01 17:00:41

效果是可以的,建议参照作业要求中第三点,可以设置left: 50%; margin-left: -400px;这样也是可以的~祝学习愉快~


  • margin-right:400px; 为什么会没用呢
    2018-03-24 16:56:07
  • 这个这么理解,设置了left为50%,所以现在左边所在的位置就是居中的位置,那么想让图形居中,就向左移动一下位置,这样就居中了。这是以左边找的居中的位置。你要用margin-right,就要设置right相对于右边50%
    2018-03-24 23:06:01
  • margin-left:此时是相对于父元素out的边框距离的,out的左边框就是页面的左边框,如果test设置为margin-left:-400px,那么应该是test的最左端相对于页面左端左移400px才对呀
    2018-04-08 14:06:05
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10204    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师