CSS浮動是網頁頁面布局中經常用到的一種技術。它能夠讓文本和元素更好地排列在網頁上。但是有時候,我們會發現,使用浮動會出現一個小黑點,這會影響網頁的外觀。那么,該如何去掉這個小黑點呢?下面介紹兩種解決方法。
第一種方法:使用outline屬性
.box { float: left; outline: none; }
在樣式中給浮動元素加上outline: none;就可以去掉小黑點了。outline指的是元素的輪廓線,一般都是一個非實體的“邊框”。這種解決方法的缺點是,可能會使元素失去焦點框,不便于用戶體驗。
第二種方法:使用border屬性
.box { float: left; border: 0 solid transparent; }
這種解決方法的原理是,設置一個邊框,但是讓它透明,具體就是使用border: 0 solid transparent;。這樣就可以去掉小黑點并保留焦點邊框。這是比較常用的一種解決方法。
上一篇css浮動做法
下一篇css瀏覽器上下居中顯示