css 盒子的垂直布局

2021-10-09 15:15:05 字數 1776 閱讀 8598

預設情況下父元素的高度被內容撐開
子元素是在父元素的內容區中排列的,

如果子元素的大小超過了父元素,則子元素會從父元素中溢位

使用 overflow 屬性來設定父元素如何處理溢位的子元素

可選值:

visible,預設值 子元素會從父元素中溢位,在父元素外部的位置顯示

hidden 溢位內容將會被裁剪不會顯示

scroll 生成兩個滾動條,通過滾動條來檢視完整的內容

auto 根據需要生成滾動條

overflow-x

overflow-y

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

盒子的垂直布局<

/title>

.outer

.inner

.box1

.box2

<

/style>

<

/head>

="outer"

>

="inner"

>

<

/div>

="inner"

>

<

/div>

<

/div>

="box1"

>

="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>

css盒子 布局樣式

恢復內容開始 1.盒子 邊框border top width 10px 寬度 border top style solid dashed dotted 實線 虛線 點線 border top color red 顏色 border top 10px solid red 寬 線 色 上邊框 borde...

CSS布局 水平垂直居中

題外話 這是乙個讓人抓狂的問題。html文件結構如下 實現效果 1.子元素已知寬高 給父容器設定相對定位 relative 子元素設定為絕對定位 absolute top left設定為50 margin top margin left分別設定為高寬的一半的負數。outer inner 2.子元素未...

CSS 布局 水平垂直居中

原理 首先利用 absolute 定位把容器塊左頂角對準瀏覽器中心,然後再使用 負 margin 把容器塊向左移動自身寬度的一半,向上移動自身高度的一半,即可以把容器塊的中心移到瀏覽器中心。優點 相容性好 缺點 需要知道寬高,不夠靈活 container原理 首先利用 absolute 定位把容器塊...