Css 隐藏div float和溢出的问题

考虑一下下面这把小提琴

HTML

文件
你好，世界1
你好，世界2
描述
规范
产品系列
评论与文章
陈列室
类型
类型
类型
类型
类型
发光二极管

认证

ETL

我不知道我是否理解正确。一个可能的解决方案是使用clearfix技术。如果希望某个元素“容纳”内部“浮动”的内部元素，请使用以下代码段：

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

@导入url（'https://fonts.googleapis.com/css?family=Open+Sans:400600700’；
@导入url（'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
*，*：之前，*：之后{
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
高度：100vh；
}
身体{
字体：14px/1“开放式Sans”，无衬线；
颜色：黑色；
/*背景：#eee*/
}
.clearfix:：之后{
显示：块；
内容：“；
明确：两者皆有；
}
h1{
填充：50px0；
字体大小：400；
文本对齐：居中；
}
#左页{
宽度：35%；
浮动：左；
填充：40px；
}
#页面右侧{
宽度：65%；
浮动：左；
填充：40px；
}
部分{
显示：无；
填充：45px 10px 20px 10px；
边框：1px实心浅灰色；
利润上限：-30px；
/*溢出：隐藏*/
}
#塔布斯迪夫{
背景：浅灰色；
右边距：10px；
左边距：10px；
高度：66px；
}
.标签{
宽度：20%；
浮动：左；
文本对齐：居中；
背景：浅灰色；
边框宽度：1px 1px 1px 0；
边框颜色：灰色；
边框样式：实心；
线高：66px；
}
.tab：类型的第一个{
左边框：1px纯色灰色；
}
.选项卡：悬停{
光标：指针；
}
.tab.active{
/*颜色：#555*/
/*边框：1px实心#ddd*/
/*边框顶部：2件纯色橙色*/
/*边框底部：1px实心#fff*/
背景#99df5e；
}
跨度{
显示：内联块；
垂直对齐：中间对齐；
线高：正常；
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
标签{
显示：内联块；
保证金：0；
填充：25px 25px；
字号：600；
文本对齐：居中；
/*颜色：#bbb*/
/*边框：1px实心透明*/
背景：浅灰色；
宽度：19.9%；
}
.tabcontent.active
{
显示：块；
}
.规格柱{
宽度：50%；
浮动：左；
}
#剩余内容{
右边填充：10px；
}
#内容权{
左侧填充：10px；
}
.InnerSpecs左侧列{
宽度：50%；
浮动：左；
}
.InnerSpecs列右侧{
宽度：50%；
浮动：对；
文本对齐：右对齐；
}
.specname{
字体大小：粗体；
}
@媒体屏幕和屏幕（最大宽度：650px）{
标签{
字号：0；
}
标签：之前{
保证金：0；
字号：18px；
}
}
@媒体屏幕和屏幕（最大宽度：400px）{
标签{
填充：15px；
}
}

你好，世界1
你好，世界2
描述
规范
产品系列
评论与文章
陈列室
类型
类型
类型
类型
类型
发光二极管

认证

ETL

我不知道我是否理解正确。一个可能的解决方案是使用clearfix技术。如果希望某个元素“容纳”内部“浮动”的内部元素，请使用以下代码段：

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

@导入url（'https://fonts.googleapis.com/css?family=Open+Sans:400600700’；
@导入url（'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
*，*：之前，*：之后{
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
高度：100vh；
}
身体{
字体：14px/1“开放式Sans”，无衬线；
颜色：黑色；
/*背景：#eee*/
}
.clearfix:：之后{
显示：块；
内容：“；
明确：两者皆有；
}
h1{
填充：50px0；
字体大小：400；
文本对齐：居中；
}
#左页{
宽度：35%；
浮动：左；
填充：40px；
}
#页面右侧{
宽度：65%；
浮动：左；
填充：40px；
}
部分{
显示：无；
填充：45px 10px 20px 10px；
边框：1px实心浅灰色；
利润上限：-30px；
/*溢出：隐藏*/
}
#塔布斯迪夫{
背景：浅灰色；
右边距：10px；
左边距：10px；
高度：66px；
}
.标签{
宽度：20%；
浮动：左；
文本对齐：居中；
背景：浅灰色；
边框宽度：1px 1px 1px 0；
边框颜色：灰色；
边框样式：实心；
线高：66px；
}
.tab：类型的第一个{
左边框：1px纯色灰色；
}
.选项卡：悬停{
光标：指针；