如何在父块的整个宽度上制作图像？

Question

我在div内阻挡了img。我试图在父级的全宽上制作img：

<div><img></div>

CSS

img {
  display: block;
  margin:0px
  position: relative
}

div {
  overflow: hidden
}

Answer 1

块元素占用父容器的全宽，只是你的容器没有宽度..你必须指定图像的最大宽度，因为它会溢出容器，如果它更大

像这样：

countdownTimer.text = your_time_left_var.ToString();

div{
  width:200px; 
}
img{
  max-width:100%;
  
}

Answer 2

img {
    max-width: 100%;
    position: relative; // fix for old IE browsers and some blackberry browsers like UC Browser.
    box-sizing: border-box; // fix for old operamini browsers and Get as Google preview
}