全部, 我想要的是具有包含div的兩列布局。左邊的列可以是固定的長度,那就可以了。然後在右邊的列將需要填寫容器div的其餘部分。我遇到的另一個問題是,右側的列可以有更多的數據,然後是左側的列。我如何使左列的背景或邊框變爲動態的,以便它始終與右列相同?感謝您對此提供的任何建議。CSS使用div創建列布局
0
A
回答
1
這裏是一篇很好的文章,他使用三欄但校長相同http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks希望這有助於!
-1
,你可以做到這一點使用CSS,只給了兩個div的寬度百分比如下:
<div class="main">
<div class="leftCol"></div>
<div class="rightCol"></div>
</div>
和CSS:
.leftCol{
float:left;
width:20%;
}
.rightCol{
float:left;
width: 80%;
}
祝你好運!
相關問題
- 1. DIV-only兩列CSS佈局
- 2. 使用div標籤和CSS創建佈局
- 3. CSS,div佈局?
- 4. 通過CSS爲div的內容自動創建兩列布局
- 5. 創建div的佈局
- 6. CSS div 100%佈局
- 7. 如何使用css創建像這樣的列布局?
- 8. 如何使用CSS創建兩列的頁面佈局?
- 9. CSS佈局問題使用的div
- 10. 用css創建網格佈局
- 11. 使用css創建div
- 12. 如何使用CSS div佈局模仿colspan = 2佈局表格
- 13. 從模板佈局創建css和div的工具
- 14. CSS - 堆疊的DIV佈局
- 15. CSS div佈局定位
- 16. 惱人的css + div佈局
- 17. 與DIV CSS佈局問題
- 18. HTML和CSS DIV佈局
- 19. CSS:四列div的佈局縮小到堆積的兩列div
- 20. 使用CSS創建兩個相同高度的佈局列,並插入右列
- 21. CSS三列布局
- 22. CSS 2列布局
- 23. CSS兩列布局
- 24. 多列CSS佈局
- 25. css三列布局
- 26. CSS - 佈局與列
- 27. 使用css的四列表格佈局
- 28. 用CSS更改div佈局? (Alternating divs)
- 29. 使用CSS創建包含頁面佈局的PDF文件
- 30. 如何使用CSS創建響應水平佈局?
這個CSS不會工作。你需要浮動divs +他需要leftCol爲固定寬度,main也已經有100%的寬度,因爲它是一個塊元素,不需要100%的聲明。他需要同等高度的柱子。 – easwee
@easwee:感謝您的評論,我編輯了我的答案。雖然我同意你的觀點,但我的示例不會修正左邊div的固定寬度......最好的方法是使用JavaScript – Cata
並不是真的 - 可以用純CSS完成 - 請參閱SGB答案,這是典型的方法這個問題。 – easwee