CSS 布局问题 - 2 个 div 屏幕截图和 fiddle 需要 100% 的宽度

标签 css

我试图在不使用表格的情况下创建一个新的母版页,这让我很头疼。

它几乎就在那里,我只需要使“消息”和“内容”div 全宽,这样“菜单”div 加上“消息”和“内容”div 的宽度相同(100%屏幕)作为“顶部”div。

我已经设置了一个 jsFiddle,谁能给我一些指示?

enter image description here

http://i.stack.imgur.com/d1HO5.png

http://jsfiddle.net/CJRv5/

我很乐意稍微更改 HTML,但必须考虑以下几点:

菜单宽度为 130 像素,其余内容必须填充剩余的窗口宽度 - 没有 960 网格!

最佳答案

最简单(不直观)的方式,只需改变

    #divMasterSubContainer
    {
        float: left;
        ...

    #divMasterSubContainer
    {
       overflow:hidden;
       ...

http://jsfiddle.net/CJRv5/2/ 引用 http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/

关于CSS 布局问题 - 2 个 div 屏幕截图和 fiddle 需要 100% 的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9535882/

相关文章:

html - CSS 轮廓属性在 Firefox 中显示为两条单独的线

jquery - Pinterest 样式图像加载

css - 使用 tr :hover in CSS

jquery - 如何使用 JQuery 将按钮移动到左侧?

html - 在 img 悬停时显示文本

html - 我可以在仅使用 HTML 和 CSS 的电子邮件模板设计中使用 Accordion 吗

javascript - AJAX:用收集到的数据中的特定 div 替换 div 的内容

html - div 的文本和边框之间的空格,为什么?

css - 如何使用 react-native-flatlist 在网格布局中对齐下方的图像及其文本(多于一行的字符)

javascript - 如何添加阈值 onclick() jQuery?