CSS实现像框效果,请教--------------------------------------$

yuxh81 2010-12-07 11:05:06
就是大边框套小边框,要求它们之间有间距(就像像框一样)


<div style="width:100%;height:350px;border:solid 1px #cc0000; padding:2px 2px 2px 2px;">
<div style="width:100%;height:350px;border:solid 1px blue;"></div>
</div>


效果是实现了,但如果外边框width设置为100%时,会产生横向的滚动条
原因是加了 padding 后,外层div的宽度被自动加上了这个padding的值,所以进度条就出来了

然而,换成以下方式也一样:


<div style="width:100%;height:350px;border:solid 1px #cc0000;">
<div style="width:100%;height:350px;border:solid 1px blue;margin:2px 2px 2px 2px;"></div>
</div>



求(既能实现像框效果,又能不产生滚动条)解决方案,谢谢!!!
...全文
52 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
yuxh81 2010-12-07
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 wave510687688 的回复:]

overflow:hidden;
[/Quote]

这个试了下,好像不行!!
yuxh81 2010-12-07
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 net_lover 的回复:]

width:auto;
[/Quote]

搞定了,谢谢!!
wave510687688 2010-12-07
  • 打赏
  • 举报
回复
overflow:hidden;
ycproc 2010-12-07
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 net_lover 的回复:]
width:auto;
[/Quote]
自适应
孟子E章 2010-12-07
  • 打赏
  • 举报
回复
width:auto;

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧