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

这道题如何用定位的方法做

http://img1.sycdn.imooc.com//568bcb74000119e008030177.jpg

这道题如何用浮动定位的方法做。我的代码如下

<title>读书网站</title>

    <style type="text/css">

        img {

            margin: 18px 16px;

            border: 1px solid gray;

        }

        .foot {

            position: absolute;

            top: 0px;

            left: 0px;

        }

    </style>

</head>

<body>

    <div>

        <img class="foot" src="../images/images/t_book.gif" />

        <img src="../images/images/book1.jpg" />

        <img src="../images/images/book2.jpg" />

        <img src="../images/images/book3.jpg" />

        <img src="../images/images/book4.jpg" />

        <img src="../images/images/book5.jpg" />

    </div>

</body>

出现如下问题http://img1.sycdn.imooc.com//568bcc21000199d608290120.jpg

请问如何正确显示


正在回答

3 回答

增加图片上边距试试看,绝对定位脱离文档流了

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

试试这样:把绝对定位position:absolute;改为display:block;让第一章图片独占一行

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

试试这样:把绝对定位absolute;改为display:block;

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

这道题如何用定位的方法做

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