div裏面的100％寬度

對不起，我無法正確說出我的標題。我有一個關於我的CSS代碼的問題。我試圖把所有東西都放在JSfiddle中，但是這會起作用，對不起。div裏面的100％寬度

我不知道如何讓div'infoMovie'擴展到div'displayMovie'的末尾。

HTML：

<div class="content"> 
      <div class="displayMovie"> 
       <div class='imageCover'> 
        <img src='Endgame-movie-cover.jpg' width="100"> 
       </div> 
       <div class='infoMovie'> 
        <div class='imageTitle' > 
         End game 
        </div> 
        <br> 
        <div class='imageDesc'>movie about everything in life lollllllllllllllllllllllllllllllllll 
        </div> 
       </div> 
      </div> 
     </div>

和CSS：

.displayMovie { 
     width: 100%; 
     display: inline-block; 
     border-bottom: 1px solid black; 
    } 

.imageCover { 
    border-right: 1px solid black; 
    padding: 10; 
    float: left; 
} 

.imageDesc { 
    border-top: 1px solid black; 
    word-break: break-all; 
} 

.imageTitle { 
    font-weight: bold; 
    font-size: 18pt; 
    margin: 5 10 5 10; 
    display: inline-table; 
} 

.infoMovie { 
    display: inline-block; 
}

所以基本上我想infoMovie延伸到displayMovie其餘部分的100％。的Web頁面的外觀

圖片：

我想改變「這是一部電影包含動作的負荷」，直到頁面

來源

2016-11-21 Paul de Koning

嘗試把寬度：100％的infoMovie和溢出：隱藏顯示電影 – Vahid

通過結合你的答案（添加溢出隱藏），並使用下面看到的答案我修復它，謝謝！ –

.infoMovie { 
display: inline-block; 
}

的結束意味着.infoMoviediv將不會超過其包含的內容。

您可以刪除此樣式聲明。

想讓.infoMovie顯示div元素的正常塊級行爲。

作爲塊級元素（<div>），它自然會擴展到其父級的寬度。

來源

2016-11-21 23:12:19 Rounin

通過結合你的答案（刪除顯示內嵌塊）和使用之前對我的帖子的評論，overflow：隱藏在.infoMovie上，它被修復了。謝謝！ –

回答

相關問題