在用HTML css寫頁面中遇到的問題

2022-02-14 02:10:07 字數 793 閱讀 1071

一、清除浮動。

(1)verflow:hidden;這個css樣式是大家常用到的css樣式,但是大多數人對這個樣式的理解僅僅侷限於隱藏溢位,而對於清除浮動這個含義不是很 了解。一提到清除浮動,我們就會想到另外乙個css樣式:clear:both,我相信對於這個屬性的理解大家都不成問題的。

verflow:hidden清除浮動,例如如下:(樣式box div是樣式content div的父元素)

.box 

.content

(效果圖)box設定overflow:hidden,清除content的浮動,所以box的高度隨content的高度變化而變化。如果box沒有設定overflow:hidden,那麼content的高將影響不了box的高。

(2)clear:both;該屬性的值指出了不允許有浮動物件的邊。這個屬性是用來控制float屬性在文件流的物理位置的。

當屬性設定float(浮動)時,其所在的物理位置已經脫離文件流了,但是大多時候我們希望文件流能識別float(浮動),或者是希望float(浮動)後面的元素不被float(浮動)所影響,這個時候我們就需要用clear:both;來清除。

樣式html中的**

這個是第1列,

這個是第2列,

這個是第3列。

如果不給第三列clear:both,那麼第三列就會在第二列的後面,加了之後,在第二列的下面。

寫HTML CSS頁面時遇到的坑

html和css這前端簡直是一大坑 按著教程來一點點實踐看不下去了,就打算自己做著乙個頁面先。其中又想把vim的補全弄好,還有git學會,想著存上github,但都太麻煩了tat 跑題了跑題了,git和vim的ycm補全都沒弄好,但html和css的坑倒是踩了不少。我還以為在寫width和heigh...

寫前端頁面遇到的問題

在div中放了乙個和一段文字時 發現無論怎麼調節img的屬性,和文字都不能具有相同的高度。此時設定img的屬性float浮動即可,可以通過修改margin來改變邊距。修改div的padding屬性是會改變div的原有大小。給他乙個box sizing border box 就不會改變大小了 如果在父...

LayUI寫登入註冊頁面遇到的問題

使用layui框架寫登入和註冊介面時,遇到的一些小問題 輸入框 預設有margin left 110px 我想寫 使用者名稱 輸入框 的時候顯示就會右對齊。沒有什麼好的解決方法。只能手動調css,最後懶得調了。和layuiadmin的布局一樣在輸入框放了個圖示上去。一開始不知道這麼把登入框寫到居中的...