父標簽div中包含一個子元素img標簽，子元素div標簽，為什么img要加上浮動，子元素div才會處于正常位置？

dom結構

如圖img加上float 子元素div顯示正常。

不加float div顯示錯位。

附上我寫的一個dome測試用的，大家可本地看下究竟是什么原因。最新的發現是，子元素div不加內容，怎樣都正常，加內容就會出現我所說的問題。

Document

html,body{

font-size:62.5%;

height: 100%;

}

img{

margin: 0;

padding: 0;

border:0;

}

.wrap{

width: 100%;

height: 10%;

}

.wrap img{

max-height: 100%;

max-width: 20%;

/* float: left; */

width: 20%;

height: 100%;

}

.name{

display: inline-block;

width: 50%;

height: 100%;

background:#ccc;

}

sssss

相關閱讀:

本地環境瀏覽器自動刷新

印象筆記地圖集 使用的是什么地圖API

如何讓VS2015和VS2013的 VC++目錄 有不同的包含目錄和庫目錄

刪除一個老圖片，然后上傳同名字的圖片時內容未變化

android是否有用于切換任務的指令？

YII rules 如何驗證用戶不存在呢

quartz時間表達式中 * 和 ? 的意思似乎差不多？

mongodb為什么同樣的集合，兩次插入的順序會有變化呢？

使用flash播放mp4視頻時不能邊下邊播？

為什么Cursor放到帶參數帶返回值方法里就報錯？

laravel5部署到linux服務器上

sublime不能輸入任何東西

HttpClient模擬登錄學校網站，發現點擊登錄之后返回的數據仍然是登錄頁面，已經了解Cookie相關內容

scala immutable.set 和 mutable.set在編程實踐中要注意的核心差異有哪些？

Fatal error: Call to a member function format() on a non-object

FIS3插件不能執行，求幫忙

不知道這個正則的分組反向引用錯在哪里

運維未來路在何方

織夢后臺生成文章500錯誤是什么原因

js的定時器

總結

以上是生活随笔為你收集整理的js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？，css,前端 - phpStudy...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。