4-3作业请教

来源：4-3 编程练习

有只土狗叫三毛

2018-04-03 13:16:26

遇上个问题，左右两个固定框的大小改小了以后图片就显示不全了，求指教该如何修改。谢谢！

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{margin: 0; padding: 0;}
        html, body{width: 100%;
            height: 100%;}
        .page{
            width: 100%;
            height: 4000px;
            background: url(http://climg.mukewang.com/59c9f7ce0001839219034033.png) center top no-repeat;
            position: relative;
            }

        .leftAD{
            position: fixed;
            top: 50%;
            left: 0;
            margin-top: -182px;
            width: 224px;
            height: 364px;
            background: url(http://climg.mukewang.com/5a3383c70001f1b702240364.png);
        }
        .rightAD{
            position: fixed;
            top: 50%;
            right: 0;
            margin-top: -182px;
            width: 224px;
            height: 364px;
            background: url(http://climg.mukewang.com/5a3383d00001a3dd02240364.png);
    
    </style>
</head>
<body>
    <div class="page"></div>
    <div class="leftAD"></div>
    <div class="rightAD"></div>
</body>
</html>

写回答

1回答