欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css根據(jù)長度比重float

吳明珍1年前6瀏覽0評論

CSS中的float屬性可以使元素向左或者向右浮動,但是如果想要讓兩個元素按照一定的長度比重一起浮動,該怎么辦呢?在這種情況下,我們可以使用CSS的calc()函數(shù)和float屬性來實現(xiàn)長度比重浮動。

.left{
float: left;
width: calc(70% - 10px); /*70%的寬度*/
margin-right: 10px;
}
.right{
float: left;
width: calc(30% - 10px); /*30%的寬度*/
}

在這段CSS代碼中,我們定義了兩個浮動元素,分別為left和right。left元素的寬度為整個父元素的70%,即width: calc(70% - 10px),其中-10px為margin-right的寬度。right元素的寬度為整個父元素的30%,即width: calc(30% - 10px),同樣設置了10px的margin-right,讓兩個浮動元素之間有一定的間距。

如果想要實現(xiàn)更多的長度比重浮動,可以根據(jù)具體需求設置不同的比重和margin值。