扩展内容区域

我有一个网页，其上使用此tabs script。我想一两个栏布局添加到标签之一，而我用下面的代码：扩展内容区域

<div class="content-wrapper"> 
    <div class="con con-left"> 
     Column 1 
    </div> 
    <div class="con con-right"> 
     Column 2 
    </div> 
</div>

，与此CSS工作：

.content-wrapper 
{ width: 100%; 
    margin: 0 auto; } 
.con 
{ margin: 0 10px; 
    float: left; 
    display: inline; } 
.con-left 
{ width: 500px; } 
.con-right 
{ width: 500px; }

的问题是标签的大小不会扩展div内的文本数量 - 如下图所示。如何设置CSS以便标签可以识别<div>标签中的内容？

enter image description here

来源

2013-07-09 Dustin Cook

显示块和清除：两个上.con将prob工作... – koningdavid

可能的重复[为什么我的内容显示在div之外？]（http://stackoverflow.com/questions/10062255/why-is-我的内容 - 显示外部的） – Quentin

你不能内联元素设置的宽度 - 让他们inline-block并去除浮所以包装将妥善包装。

如果你想保持浮动的话，无论是你的浮动元素后使用clear或添加overflow:auto到包装

来源

2013-07-09 13:02:54 Pete

魔法！工作感谢！当我被允许时，将接受答案！ –

如果你想使用浮点数，你需要清除它们。

你可以尝试：

.content-wrapper { 
    width: 100%; 
    margin: 0 auto; 
    overflow: auto; 
}

包含块上设置overflow: auto如您所愿会附上所有的花车。

来源

2013-07-09 13:05:35

扩展内容区域

回答

相关问题