欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

html宽度自动填充,html – 创建一个td填充表宽度

发布时间:2025/3/15 编程问答 25 豆豆
生活随笔 收集整理的这篇文章主要介绍了 html宽度自动填充,html – 创建一个td填充表宽度 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

我有一个固定高度为50px和100%宽度的表.

在那个表里面,我有两个div,在同一行,像这样:

第一个div有float:left,第二个有float:right.

所以表是页面的100%.我想要div2包装它的内容,div1填充剩余的空间,使div2对齐到这样:

+--------------------------------------------------------------+

| [ DIV 1 (Expands) ][ DIV 2 AND ITS CONTENTS ] |

+--------------------------------------------------------------+

当div1的内容少于全线时,我现在得到什么:

+--------------------------------------------------------------+

| [ DIV 1 ][ DIV 2 ] |

+--------------------------------------------------------------+

没有桌子,我可以直接将其工作浮动,但是当他们“聚在一起”时,他们会相互缠绕而不是彼此相邻.

编辑:我添加了一个新的jsfiddle here.

这是工作的例子.

尝试从左侧的div除去一个链接,并查看结果.第二个div应该保持在最右边.我希望我自己解释.

总结

以上是生活随笔为你收集整理的html宽度自动填充,html – 创建一个td填充表宽度的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。