CSS--overflow:hidden在项目实例中使用心得分享
            (编辑:jimmy 日期: 2025/11/1 浏览:2)
         
        列出我在项目中,运用到此属性的例子: 
(1)暴力清除浮动 
复制代码代码如下: 
<style type="text/css"> 
.wrap {overflow: hidden;zoom:1;background-color: #ccc;} 
.wrap p {float: left;} 
</style> 
复制代码代码如下: 
<div class="wrap"> 
<p>test of css</p> 
</div> 
(2)阻止边距外折叠 
复制代码代码如下: 
<style type="text/css"> 
body,p {padding: 0;margin: 0;} 
.wrap {overflow: hidden;zoom:1;background-color: #ccc;} 
.wrap p {margin-top: 20px;} 
</style> 
<div class="wrap"> 
<p>test of css</p> 
</div> 
(3)在IE-6,解决定义1px高的块元素 
复制代码代码如下: 
<style type="text/css"> 
.line {height: 1px;background-color: #ccc;overflow: hidden;} 
</style> 
<div class="line"></div> 
(4)创建两栏布局 
复制代码代码如下: 
<style type="text/css"> 
div {height: 500px;} 
.left {float: left;background-color: #000;width: 200px;margin-right: 5px;} 
.right {overflow: hidden;zoom:1;background-color: #ccc;} 
</style> 
<div class="left"></div> 
<div class="right"></div> 
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。