Question

我试图使用div使用“假”表。

假表的结构很简单

<div id="fatable">
   <div id="fatable1"></div>
   <div id="fatable2"></div>
   <div id="fatable3"></div>
   <div id="fatable4"></div>
   <div id="fatable5"></div>
   <div id="fatable6"></div>
   <div id="fatable7"></div>
   <div id="fatable8"></div>
</div>

#fatable {
    width:100%;
    white-space: nowrap;
}
#fatable1, #fatable2, #fatable3, #fatable4, #fatable5, #fatable6, #fatable7, #fatable8 {
    float:left;
}

我现在的问题是，名为＃fatable3的元素必须自我扩展，所以#fatable总是达到100％的可能性..

#fatable3是一个搜索输入字段，它将是“弹性的”，所以每次使用的是1900px，例如1200这个元素必须“增长”到#fatable达到100％..

我甚至有一个jsfiddle，因为我记得这么难。但如果为#fatable3设置100％宽度，则此元素占据页面的100％宽度，使#fatable像屏幕宽度的175％一样。

http://jsfiddle.net/DDMMc/

或者我是否必须转移到真正的桌面才能实现这一目标？

这是jsfiddle的简化版本，我需要所有只是一行，但是当我为内联元素设置100％宽度时，它会下降，因为它需要100％的宽度而不是空间留在里面..希望你能理解我

这是：http://jsfiddle.net/sU5Kx/

Answer 1

我应该使用css代码进行div表格布局。这很干净。我在这里更新你的小提琴 a link

Serach了解更多信息 css div tablelayout 。

#fatable {
max-width:100%;
width:100%;
white-space: nowrap;
display: table;
float:left;
}

Answer 2

我只是猜了一下，希望这就是你想要的......

这是小提琴 Demo

Jus将此添加到你的fatable3 ..

 #fatable #fatable3
{
   float:left;
   width:100% !important;
}

这会改变你的设计，但你可以根据自己的需要调整其他div ......

CSS假表div，扩展div里面填充总宽度的100％

2 个答案: