我在我的頁面上有一個<div>
元素,大致看起來像這樣:http://jsfiddle.net/vWBqB/2/。
我想要<select>
元素具有最大化的寬度,因此它將帶有紅色邊框的容器中的所有可用空間。
設置width: 100%
使其寬度等於父容器,不考慮左側的浮動元素。 display: block
完全沒有效果。
Label:
<label>
中的文字可能會改變(通過JavaScript)。
有沒有辦法解決這個問題,而不是像素設置靜態width
?最大化元素在一個容器中的兄弟姐妹
0
A
回答
0
.left {
display: table-cell;
}
.right {
width: 100%;
display: table-cell;
}
.right>.select {
width: 100%;
}
0
.left {
float:left;
width:20%;
}
.select {
/* width: 100%; */
width:80%;
float:right;
}
這是否解決了您的問題?
相關問題
- 1. Xpath跟隨兄弟姐妹直到另一個兄弟姐妹
- 2. 兄弟姐妹
- 3. 它的兄弟姐妹的錨元素
- 4. 之前的兄弟姐妹和兄弟姐妹不能使用其他元素
- 5. 選擇從元素的兄弟姐妹
- 6. UIViewAutoresizing兄弟姐妹?
- 7. CSS兄弟姐妹
- 8. Selenium兄弟姐妹
- 9. 轉換兄弟姐妹的高度:瞄準兄弟姐妹?
- 10. jquery兄弟姐妹()得到前面的兄弟姐妹,而不是下一個
- 11. 如何獲得Angular2中的下一個元素/兄弟姐妹
- 12. xpath中的多個跟隨兄弟姐妹或兄弟姐妹前
- 13. 訪問jQuery的一個兄弟姐妹
- 14. 如何顯示一個元素懸停的兄弟姐妹?
- 15. 選擇一個元素和它的兄弟姐妹
- 16. 隱藏的兄弟姐妹
- 17. 訪問的兄弟姐妹
- 18. jQuery的兄弟姐妹從
- 19. 伯爵的兄弟姐妹
- 20. JQuery的從兄弟姐妹的元件
- 21. 查找被點擊的元素變化兄弟姐妹
- 22. 原型 - 顯示一個元素,隱藏兄弟姐妹
- 23. 基於存在多少個兄弟姐妹的元素寬度
- 24. 獲取兄弟姐妹內容jquery
- 25. XSLT加入兄弟姐妹
- 26. jquery兄弟姐妹屬性
- 27. 兄弟姐妹包進口
- 28. 如何與兄弟姐妹
- 29. jQuery:淡出兄弟姐妹
- 30. Angularjs - 基於兄弟姐妹
我需要左側環繞其內容。已經找到解決方案使用顯示:table-cell ;,沒有浮動和寬度:100%;爲正確的元素。 – user2052437 2013-02-14 14:40:55