display:inline-block

display:inline-block

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{margin: 0;padding: 0;}
        html,body{width: 100%;height: 100%;}
        .page{
            width:1903px;
            height:4033px;
            background: url(http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png)
            center top;
        }
        .left{
            width: 220px;
            height: 360px;
            background:url(http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png) no-repeat;
            position: fixed;
            left: 0;
            top: 50%;
            margin-top:-180px;    
            display:inline-block        }
        .right{
            width:220px;
            height: 360px;
            background:url(http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png)   no-repeat ;
            position: fixed;
            right: 0;
            top: 50%;
            margin-top: -180px;
            display:inline-block
        }
    </style>
</head>
<body>
    <div class="page">
        <div class="left"></div>
        <div class="right"></div>
    </div>
</body>

这里面加inline-block有什么用

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

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

1回答
好帮手慕夭夭 2019-07-23 10:26:55

你好同学,display:inline-block 是设置元素成为行内块元素的,这里的display:inline-block 没有用处,可以去掉哦。

祝学习愉快,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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