Question

写div css的时候如何给布局定下个绝对的宽高？

比如写下一个div的宽是200，高是200，我需要的是 不管在这个div里插入多大的一个图片，这个div都不会被撑大，怎么写？？

Answer 1

<div style="height:200px; width:200px; overflow:hidden;"><img src="#2" style="width:100%; height:100%;" /></div>
这样div既不会变大，图片无论大小都会占满整个div显示，

Answer 2

您好！给div定义样式overflow:hidden隐藏或者overflow:auto;或则overflow:scroll;下拉就可以了;具体overflow有如下值：

visible    默认值。内容不会被修剪，会呈现在元素框之外。    
hidden    内容会被修剪，并且其余内容是不可见的。    
scroll    内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。    
auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。    
inherit    规定应该从父元素继承 overflow 属性的值。

 希望我的回答能帮到您！

Answer 3

position:absolute; 加上这个属性应该可以。

Answer 4

让图片自动缩放

追问

怎么让他自动缩放？

怎么让他自动缩放？

Answer 5

加overfloat：hidden属性

追问

其实我是在这个里面要加调用后台的asp标签，我在后台上传了1张大于200*200的图片，前台div里也加上了overfloat：，结果还是不行呢？

追答

指定图片的样式max-width为200px，图片宽度超过200px，就会自动按比例缩放，当然还得指定一下max-height