YY前端笔试总结

最新推荐文章于 2024-04-13 22:22:46 发布

hoyin_wong

最新推荐文章于 2024-04-13 22:22:46 发布

阅读量3.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：笔试文章标签： web前端欢聚时代笔试

本文链接：https://blog.youkuaiyun.com/why_fly/article/details/40155453

本文总结了前端笔试中的常见问题，包括为何要清除浮动元素及其方法，如定高、伪元素、overflow:hidden等。还探讨了JavaScript跨域访问的原理和解决方案，如document.domain+iframe、动态创建script标签。同时提到了页面reflow的概念，并分享了相关资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.一个元素float以后，为什么要清除浮动？清除浮动的方法有哪些？

浮动确实是经常用，也知道清除浮动的必要性，但要我道个所以然，还是得绞尽脑汁。我个人的理解是，当一个元素float以后，就脱离正常的文档流，高度塌陷，也就是浮动元素原来的占位空间就消失了，那么紧跟着的元素的宽度就会占据浮动元素的位置，好像浮动元素不存在似的。那么疑问就来了，如果紧跟着的元素没有任何的清除浮动行为，但是感觉好像认的浮动元素一样，给他让出空间，请看：

<span style="font-size:18px;"><div style="float:left;with:100px;height:100px;background:yellow;">float content</div>
<div class="normal" style="background:red;height:800px;">normal content</div></span>

效果：