父級設置了float,子元素不顯示了
今天在學習psd切圖轉換成html的時候,我爲父元素<div>設置了float:left,爲子元素設置了背景圖片,寬和高,當我F12查看網頁的時候,發現沒有出現預料的結果,而是不顯示子元素的背景圖片。各樣的清除浮動,都不行。隨後僅僅爲父元素設置了合適的寬度,子元素就顯示了。特此記下,以備同樣的初學者參考
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
jQuery 表格插件jqGrid 本地數據
夏小安Lily
2020-07-05 06:01:24
Jquery.Form 異步提交表單
夏小安Lily
2020-07-05 06:01:24
網頁佈局值DIV+CSS
1. CSS基礎 1) CSS的創建與使用 插入樣式表方法 –a) 外部樣式表 當樣式需要應用於很多頁面時,外部樣式表是理想的選擇。 格式: <link rel="stylesheet
Keeping111
2020-06-27 11:42:51
IE和FF一些不兼容的樣式說明
FF: div 設置 margin-left, margin-right 爲 auto 時已經居中, IE不行 FF: body 設置 tex
chrisdino
2020-06-22 05:36:12
有利於SEO的DIV+CSS的命名規則
搜索引擎優化(seo)有很多工作要做,其中對代碼的優化是一個很關鍵的步驟。爲了更加符合SEO的規範,下面是目前流行的CSS+DIV的命名規則: 頁頭:
Mr.Znet
2020-06-21 08:38:32
LigerUI 設置選中行顏色改變與設置水平滾動條不顯示
博妍
2020-06-21 03:47:08
Layer UI 彈窗神器
博妍
2020-06-21 03:47:08
用實例詳細講解將PSD轉成HTML&CSS
本教程通過一個實例,來詳細講解如何將psd轉爲html/css,以及js插件的使用。 將PSD轉成一個靜態的html/css對一些朋友來說是一個很大
q359796989
2020-06-21 03:02:11
【代碼】單用float 實現三列布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三列自適應</title> <style> *{
dancing_burry
2020-06-19 23:57:33
兼容IE6的fixed定位,解決閃動問題
對於非IE6可以這樣寫 #top{ position:fixed; bottom:0; right:20px; } 但是IE6是不支持fixed定位的,需要另外重寫 #top{ po
八面碰壁居士
2020-06-19 08:10:46
23條前端性能優化
Ch4rles_wong
2020-06-15 04:01:57
標準的css代碼順序寫法
fredtaylor
2020-06-14 06:41:31
頁面下拉菜單 div ul li css
dengwenquan2011
2020-06-13 04:54:48