所以我遇到了這個問題:我一直在研究一個由3個div組成的網站的「響應性」(列 - 讓我們打電話他們'A','B'和'C',全部96%高)+頁腳。 A和C屬於同一類,寬度爲35%。 B列寬度爲30%,但我也將其最小寬度設置爲200px。當我縮小瀏覽器以便B列寬度爲200px,並且無法獲得任何縮小並且不斷縮小時,C列就會跳下來。我試圖讓他們填充沒有固定的最小寬度和35%的最大寬度,而寫入最大寬度:35%;不足以實現這一目標。 有什麼建議嗎? 在此先感謝!CSS:百分比寬度與固定的最小寬度相結合會導致div不適合在一行中
0
A
回答
0
HTML
<div class="container">
<div class="col colA">A</div>
<div class="col colB">B</div>
<div class="col colC">C</div>
</div>
CSS
.container{
display: flex;
justify-content: space-between;
}
.col{
height: 96%;
}
.colA, .colC{
background-color: blue;
flex-basis: 35%;
}
.colB{
min-width: 200px;
}
相關問題
- 1. 混合固定寬度和百分比
- 2. CSS最小寬度與百分比
- 3. 百分比寬度的div,然後固定寬度的DIV
- 4. 固定寬度的div與最大寬度div並排在CSS
- 5. responisive DIV寬度固定寬度的div純CSS組合
- 6. CSS最小寬度固定和百分比
- 7. 並列div與框寬度百分比和另一個固定寬度
- 8. 父寬度不適合子寬度css
- 9. css item固定位置div的寬度百分比?
- 10. 固定元素的百分比寬度?
- 11. 百分比寬度和固定的內部寬度問題
- 12. Horizantal孩子divs-固定寬度和百分比寬度 - 百分比寬度太寬
- 13. CSS:縮放浮動div寬度100%,直到2個浮動div的最小寬度可以適合寬度
- 14. 優化固定高度的div的寬度? (即仍然適合文本的最小寬度)
- 15. CSS div固定高度,最小寬度,但擴大內容的寬度
- 16. 在CSS中指定與父DIV相關的確切百分比寬度
- 17. CSS浮子與寬度百分比
- 18. CSS寬度/高度像素和百分比計算組合?
- 19. 固定寬度div div寬度div?
- 20. css的百分比寬度不工作
- 21. 結合寬度和最大寬度
- 22. 寬度和高度百分比CSS IE8
- 23. css百分比高度和寬度
- 24. CSS - 寬度適合內容
- 25. 自動適合固定寬度佈局到屏幕寬度
- 26. 最小寬度,最大寬度的CSS使用最小寬度
- 27. 兩個固定寬度區間之間的可變寬度div(最小寬度)
- 28. CSS百分比寬度不起作用
- 29. 跨度百分比寬度
- 30. ConstraintLayout不考慮與DimensionRatio相結合的最大寬度/高度
嗨,歡迎堆棧溢出。分享您的代碼,以便我們演示您現在擁有的產品。看看如何創建[mcve] –
聽起來像需要查看CSS @Media查詢。當屏幕低於指定的寬度時,您可以使用它們更改元素的CSS。 –