如何防止div打包？

在尝试问问题之前，我已经看过很多并且研究过很多。所以即时通讯使用960 css框架，他们提供我divs布局我的网站。如何防止div打包？

的HTML是这里....

<div id="header"> 
<div class="container_12"> 
    <div class="grid_5"> 
      EMPTY 
    </div> 
    <div class=" nav grid_7"> 
      EMPTY 
    </div> 
</div> 
</div>

两个div元素坐在旁边彼此很好的全尺寸屏幕上，但是当我调整的div元素的权屏幕包裹在它下面。我被告知要使用显示内联块和空格没有换行，但我不知道如何解决它，也不知道它是什么意思。

有人会友善地为我解释它吗？谢谢！

来源

2016-07-29 bc5803

考虑包括你的CSS。 *编辑：从不知道，只是读你正在使用特定的CSS框架。 – M2tM

和jsfiddle会帮助 –

.container_12 {min-width：960px; }应该这样做。 –

也许使用Flexbox的东西......请注意，如果您希望将grid_5的flex设置为“1 1 auto”，您还可以让两个div占用相同数量的列空间。

.container_12 { 
 
    display: flex; 
 
    flex-direction: row; 
 
    flex-wrap: nowrap; /* Note that this is actually the default value... just putting here for educational purposes */ 
 
} 
 
.grid_5 { 
 
    flex: 0 0 auto; 
 
    } 
 
.grid_7 { 
 
    flex: 1 1 auto; 
 
    }

<div id="header"> 
 
<div class="container_12"> 
 
    <div class="grid_5"> 
 
      EMPTY 
 
    </div> 
 
    <div class=" nav grid_7"> 
 
      EMPTY 
 
    </div> 
 
</div> 
 
</div>

来源

2016-07-29 19:24:35 k2snowman69

960网格系统不响应，并假定的960个像素的最小容器宽度。所以，你真正需要做的是将其添加到您的CSS：如果你想要一个负责任的电网系统

.container_12 { min-width: 960px; }

，我建议你熟悉Bootstrap。

来源

2016-07-29 19:29:24

如何防止div打包？

回答

相关问题