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

发布时间：2018-08-26 08:03:34 所属栏目：经验来源：站长网

导读：容器不扩展问题这个是经常在我切图的时候遇到的问题，如： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadFCK:meta http-equiv=Con

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

<!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:很多人都是在里面加个清除浮动空标签来解决，其实这个是错误办法。太增加代码量了

（编辑：阜新站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!