IT入门 > 面试题 > 前端兼容 > css兼容 >

IT入门 > 面试题 > 前端兼容 > css兼容 >

17. 子容器浮动后,父容器扩展问题

  你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm 如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。
附加标题 内容:
模板调用标记:
题型:1单选,2多选,3填空,4问答,5排序 内容:
模板调用标记:
4
选项A 内容:
模板调用标记:
选项B 内容:
模板调用标记:
选项C 内容:
模板调用标记:
选项D 内容:
模板调用标记:
答案 内容:
模板调用标记:
问题:
子容器都 float 以后,父容器没有设定高度,父容器将不会扩展
解决:
只需要添加一个 clear:both 的 div,代码如下:
<div style="border:1px solid#333;width:204px">
    <divstyle="width:100px;border:1px solid #333; float:left; ">子容器a</div>
    <divstyle="width:100px;border:1px solid #333; float:left;">子容器b</div>
    <divstyle="clear:both"></div>
</div>
难度:1入门级,2初级,3中级,4高级 内容:
模板调用标记:
1,2,3,4
专业分类 内容:
模板调用标记:
(责任编辑:admin)
    广告位API接口通信错误,查看德得广告获取帮助