极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<style>
.level1{width:200px;height:50px;background:red ;float:left}
.level2{width:200px;height:50px;background:yellow ;float:left;}
.level3{width:200px;height:50px;background:green ;float:left;}
.level4{width:200px;height:50px;background:blue ;float:left;}
</style>
<body>
<div>
<div class='level1'></div>
<div class='level2'></div>
</div>
<div class='level3'></div>
<div class='level4'></div>
</body>
</html>子元素使用了float之后，父元素为何高度没了？
阅读 7.1k
清除浮动，把clearfix放在浮动元素父级上
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } 
很简单，父元素下的子元素设置了浮动，就会脱离文档流，父元素就没有了高度，只需要在父元素里再添加一个子元素放在最后面，并且给它添加clearboth的css样式，父元素就有高度了
我知道的一共有三种办法
1.直接给父元素一个值（蠢办法）
3.在父元素上加 overflow:hidden
3.在父级元素内加入 clearfix class
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
}
具体是因为：子元素浮动后，脱离了文档流
推荐问题
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答1.5k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答1.4k 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...2 回答1k 阅读✓ 已解决
问一个鼠标滚动事件，这种是怎么实现的？
我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。2 回答1.6k 阅读✓ 已解决
css如何设置纵向滚动条的高度？
设计给的图纵向滚动条的高度只有20px，但是无论如何设置都不管用。宽度可以设置，高度不管用。 {代码...}4 回答1.6k 阅读
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...2 回答1.5k 阅读✓ 已解决
form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？
{代码...} {代码...} 这种基于name直接读取dom元素的写法，兼容性如何？有无标准说明？2 回答990 阅读✓ 已解决
Float元素會脫離文檔流，父級加height:100%;overflow:hidden;