css--盒子的垂直布局

最新推荐文章于 2023-02-06 15:21:44 发布

MondayCui

最新推荐文章于 2023-02-06 15:21:44 发布

阅读量470

点赞数

分类专栏：前端学习文章标签： css

本文链接：https://blog.csdn.net/mondaycui/article/details/108697277

版权

前端学习专栏收录该内容

42 篇文章 1 订阅

订阅专栏

默认情况下父元素的高度被内容撑开

子元素是在父元素的内容区中排列的，
                    如果子元素的大小超过了父元素，则子元素会从父元素中溢出
                    使用 overflow 属性来设置父元素如何处理溢出的子元素

                    可选值：
                        visible，默认值 子元素会从父元素中溢出，在父元素外部的位置显示
                        hidden 溢出内容将会被裁剪不会显示
                        scroll 生成两个滚动条，通过滚动条来查看完整的内容
                        auto 根据需要生成滚动条

                overflow-x
                overflow-y

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盒子的垂直布局</title>
    <style>
        .outer{
            background-color: royalblue;
        }

        .inner{
            width: 200px;
            background-color: saddlebrown;
            height: 200px;
            margin-bottom: 100px;
        }

        .box1{
            width: 200px;
            height: 200px;
            background-color: seagreen;

            overflow: auto;
        }

        .box2{
            width: 100px;
            height: 300px;
            background-color: slategray;
        }
    </style>
</head>
<body>
    <div class="outer">
        <div class="inner"></div>
        <div class="inner"></div>
    </div>

    <div class="box1">
        <div class="box2">20世纪40年代在世界范围内大量使用DDT作为杀虫剂,在1972之后，由于其持久性和食物链中的生物放大作用，其在国际上被禁用，但在土壤中仍然可以检测到。以前降解DDT的方法主要有生物修复处理、土壤挖掘、焚烧或热降解、光催化、土壤清洗和金属催化反应，但这些方法降解缓慢，且会形成毒副作用。纳米粒子由于其高效、经济、环保的特点被广泛使用，几乎可以100%降解DDT。在酸性条件下，Fenton氧化DDT也是一种有效、经济的降解方法。在水溶液中，使用Mg/Pd双金属体系对含生物表面活性剂DDT进行了脱氯，高浓度的100 ppm在1小时内就可降解。在弱酸性或碱性条件下，在水溶液中双金属Ni/Fe纳米颗粒可有效降解DDT。由于质子的产生有助于产生氢，酸性介质更有效地促进DDT的降解。由于土壤老化，DDT扩散率低，所以DDT在水中的降解率(92%)高于在土壤中的降解率(22.4%)。Lindane是一种持久性的、降解缓慢的有机污染物，可导致癌症和畸形，被世界卫生组织归类为“中等危险”。在印度的河流、土壤、地下水和食物等中可检测到Lindane的残留量。纳米粒子(金属、混合金属、掺杂的稳定生物聚合物)由于其高的反应活性，加快了反应速度，是Lindane达到一个好的降解效果。零价Fe纳米粒子能在24小时内快速降解Lindane，生成γ-3，4，5，6-四氯环己烷（不稳定中间体），最终降低到较小苯和氯离子。当TiO2以16:1 M的比例掺杂时，在可见光下Lindane的降解率为100%，而在紫外光下降解率仅为37.5%。稳定的硫化铁纳米粒子生物聚合物在8h内可成功地降解Lindane，其效率为94%。在100%降解的厌氧介质中，由于有利于降解的还原过程，所以FePd双金属纳米颗粒的降解效率增强。</div>
    </div>
</body>
</html>

MondayCui

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css--盒子的垂直布局

默认情况下父元素的高度被内容撑开子元素是在父元素的内容区中排列的，如果子元素的大小超过了父元素，则子元素会从父元素中溢出使用 overflow 属性来设置父元素如何处理溢出的子元素可选值： visible，默认值子元素会从父元素中溢出，在父元素外部的位置显示 hidden 溢出内容
复制链接

扫一扫

专栏目录