Question

求解：块<div>中的图片<img>如何设置CSS才能让超出块大小的部分自动裁隐藏掉？

.DocAll #AdDiv1 { height: 85px; width: 98%; overflow: hidden; margin-right: auto; margin-left: auto; text-align: center; padding-top: 10px;}<div id="AdDiv1"><img src="AdImages/Ad-1.gif" alt="ad" width="730" height="85" /></div>为什么overflow: hidden;在这里不起作用？？急等啊！！

Answer 1

.DocAll #AdDiv1{...}
你的选择器写错了吧？
你写的是.DocAll #AdDiv1{...}（中间用空格）。意思是.DocAll元素里面的#AdDiv1元素应用此样式。如果这样，你的代码外层就必须要有<div class="DocAll "></div>

如果把选择器改成.DocAll,#AdDiv1{...}（中间用逗号）或者#AdDiv1{...}（把前面的删掉），overflow:hidden就起作用了。

这么说应该了解了吧？

Answer 2

<div style="width:10%; height:100px; background-color:#0f0; overflow:hidden;">
<img width="210">
</div>
你是不是哪里CSS有冲突了？我测试可以的啊

Answer 3

楼主的层和图片大小差不多，为什么还要有padding-top， 至于问题，可能是width：98%的原因，你设一个固定值试试

Answer 4

宽度不要用百分比，要用固定值~