我想用一个div容器来限定图片的大小,怎么实现

来源:3-1 正确看待CSS的margin重叠

李小子

2016-09-06 15:02

我是这样做的,但图片总是不受div的控制

<style>
.box{
    width:400px;
    height:400px;
    /*resize:both;
    overflow:auto;*/
    margin:0 auto;
    background-color:#0C0;
    
    }
    .box1{
        
        height:200px
        
        /*overflow:hidden;*/
    
        }
    .inner>img{
        /*position:absolute;*/
        padding:10px auto;
         margin:10%;
         }
    
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="box">

12344556
<img src="1.jpg"/>
</div>
</body>
</html>

写回答 关注

2回答

  • stone310
    2016-09-13 11:27:08

    图片层CSS

    img{
       width:100%或者height:100%;
    }

    是这种效果吗?

  • 点光源123
    2016-09-07 15:13:47

    把图片设成父级box的背景图片。

CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑

55943 学习 · 66 问题

查看课程

相似问题