问一个关于div布局的有关问题

问一个关于div布局的问题

HTML code

<div>  <div id="a"></div>  <div id="b"></div>  <div id="c"></div></div>

有如上结构的四个div， 

其中a，的宽度固定，b、c的宽度取决于其内容的撑开宽度，

预达到的效果：

若b、c实际宽度小于a的，则都固定为a的宽度；若b、c实际宽度有大于a的，则取他们中较大的宽度当三个div的宽度，

就是一直保证他们的宽度大小一致。


就是实现table的如下效果

HTML code

<table> <tr>   <td id="a"></td> </tr> <tr>   <td id="b"></td> </tr> <tr>   <td id="c"></td> </tr></table>

不要用js脚本啊，请大家知道的给提个醒，不知道的帮忙顶一顶，谢谢～






[解决办法]
楼上这不是废话吗?能说得具体点吗?
[解决办法]
<div>
<div id="a" style="background-color:Azure;width:expression(Math.max(40,document.getElementById('b').offsetWidth,document.getElementById('c').offsetWidth))">1</div>
<div id="b" style="background-color:Bisque;width:0;width:expression(Math.max(document.getElementById('a').offsetWidth,document.getElementById('c').offsetWidth))">22222</div>
<div id="c" style="background-color:Red;width:0;width:expression(Math.max(document.getElementById('a').offsetWidth,document.getElementById('b').offsetWidth))">cc</div>
</div>
[解决办法]
3列还是3行?
[解决办法]
可是expression只有ie是支持的,其他浏览器不支持
[解决办法]
不用脚本 不可能实现
楼上本质也是脚本 不管对不对 只能IE

[解决办法]
有人说table 能做到的css就能做到,table 不能做到的css也能做到,难道这个效果只有table 做得到?
[解决办法]
单纯的CSS无法解决。。。

简单的JS可以搞定，没必要在CSS上较劲
[解决办法]
table 是个比较特殊的 block
非要较劲 那也没招

查看更多 下一篇