您当前位置：首页 > web前端 > htmlcss > CSS BUG与技巧之容器不扩展问题

CSS BUG与技巧之容器不扩展问题

来源：程序员人生发布时间：2013-10-06 23:58:59 阅读次数：2468次

容器不扩展问题
这个是经常在我切图的时候遇到的问题，如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS BUG与技巧之容器不扩展问题_网liehuo.net</title><style type="text/css">#divGroup{ border:2px solid #333;}#a,#b{ border:2px solid #333; float:left; margin:5px;}</style></head><body><div id="divGroup"><div id="a">子容器a</div><div id="b">子容器b</div></div></body></html>
提示：可修改后代码再运行!

解决办法：在divGroup里面加上overflow:hidden;zoom:1;
ps:很多人都是在里面加个清除浮动空标签来解决，其实这个是错误办法。太增加代码量了

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 Access 2000教程：4.3 主要对象及其关系

下一篇 SQL Server如何导入到MySQL数据库中？

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点