如何将图片设置为position: static以避免溢出？

我刚学习Web开发仅1个月，不确定是否可以实现该需求……

相关效果参考图片

对应的CSS代码：

.TEST1123{
  position: static;
  height: 300px;
  border-radius: 6px;
}

当然可以实现！这段CSS已经是能直接生效的基础样式了，给你捋下每个属性的作用：

• .TEST1123 是类选择器，所有加了这个类的HTML元素都会用上这些样式
• position: static 是元素默认的定位方式，元素就按正常文档流的顺序排列
• height: 300px 把元素高度固定成300像素
• border-radius: 6px 让元素四个角变成圆角

要是你的需求就是给元素设置固定高度和圆角，这段代码完全够用。如果还有其他具体要求（比如改定位方式、调尺寸或圆角大小），直接改对应的属性值就行，刚学1个月能写出这样的代码已经很可以了！

内容的提问来源于stack exchange，提问作者CWXx