问答详情
源自:3-1 正确看待CSS的margin重叠

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

我是这样做的,但图片总是不受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>

提问者:李小子 2016-09-06 15:02

个回答

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

    图片层CSS

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

    是这种效果吗?

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

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