我有一个固定高度为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填充表宽度相关推荐

  1. Java数据结构与算法———(55)创建一个哈希表

    有一个公司,当有新的员工来报道时,要求将该员工的信息加入(id,性别,年龄,住址-),当输入该员工的id时,要求查找到该员工的 所有信息.要求: 不使用数据库,尽量节省内存,速度越快越好=>哈希 ...

  2. 创建一个学生信息表,与页面分离

    一.需求分析 做一个jsp页面,动态显示信息表的内容. 1.  做一个实体类:StudentInfo (包含4个字段) 2.  如图模拟生成3条数据,本质上就是new StudentInfo 3个实例 ...

  3. 计算机excel求某班英语成绩单,用Excel创建一个学生成绩表,要按照班级统计出某门课程的平均分,需要使用的方式是()...

    考生文件夹下有一个数据库文件"samp2.accdb",其中已经设计好三个关联表对象"tStud"."tCourse"."t 考生 ...

  4. 【jeecg boot】【PowerDesigner】使用PD创建数据库,并使用jeecg生成代码来创建一个干部任命表单

    首先看一下需要完成的功能 不难发现,我们需要在数据库中设计两张表,分别是干部表和干部家属表,干部表和干部家属是一对多的关系 Power Designer部分 1. 打开Power Designer,点 ...

  5. python场景建立_Python创建一个街道地址表-问答-阿里云开发者社区-阿里云

    首先,你应该转换givenNumber成int()因为input()总是返回字符串.此外,您可以将整体strAddress转换为自身并反转自身版本,以便更轻松地访问它.splitAddress这里不需 ...

  6. 用dialog创建一个可修改表

    用dialog制作一个表,可删除添加修改行项目,并可支持从本地批量上传数据. DATA: BEGIN OF gt_tab OCCURS 0,            flag .         INC ...

  7. oracle 包含的对象,oracle – 我可以创建一个包含嵌套表作为属性的对象表吗?

    它只是意味着您必须为嵌套表提供存储子句: SQL> CREATE TABLE track_obj_table OF track_type; CREATE TABLE track_obj_tabl ...

  8. SQL创建一个学生信息表

    CREATE TABLE Student (Sno CHAR(9) PRIMARY KEY, Sname CHAR(20) UNIQUE, Ssex CHAR(2), Sage SMALLINT, S ...

  9. Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层

    原文 | 下载本教程中的编码例子 | 下载本教程的英文PDF版 导言 作为web开发人员,我们的生活围绕着数据操作.我们建立数据库来存储数据,写编码来访问和修改数据,设计网页来采集和汇总数据.本文是研 ...

最新文章

  1. ubuntu升级python_ubuntu升级python版本
  2. java带参数的构造方法_崤云说 | JAVA面向对象
  3. oracle 备份格式dmp解析,Oracle 数据导入备份(dmp格式)
  4. 解决Ubuntu IDEA 不能输入中文
  5. python 读取excel太慢_实用技巧——Python实现从Excel读取数据并绘制成图像
  6. ubuntu16.04系统上安装CAJViewer方法步骤教程详解
  7. Vue相关易忘点记录
  8. 含泪整理最优质立秋海报设计素材,你想要的这里都有
  9. 微星B450mMortar迫击炮+AMD速龙3000GE安装Windows7 SP1并使用UEFI+Nvme启动
  10. Asp.net utf-8 编码中文乱码完全解决方案
  11. React使用antd的警告findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave
  12. 使用形态学提取连续背景的断层(erosion_rectangle1算子)
  13. QT——Qt QtCreator 官方下载地址
  14. USB VID 查询
  15. Apache NiFi 典型案例
  16. 三星android 5.0升级名单,三星可升级Android 7系统机型名单曝光
  17. C语言 typedef重命名
  18. 2022-3-19 fcl库 error while loading shared library fcl.so.0.7 no such file or directory
  19. 使用VVV进行WordPress开发
  20. 软件在线升级系统设计

热门文章

  1. Qt|OpenGL学习笔记-绕X轴、Y轴、以及XY轴旋转的四边体
  2. linux mysql使用
  3. linux中网络怎么检查,如何在Linux中检查以太网?
  4. aaynctask控制多个下载进度_使用 Python 下载的 11 种姿势,一种比一种高级
  5. 面试被问进线程的区别
  6. java aes pbe_JAVA对称加密算法PBE定义与用法实例分析
  7. Linux系统调用Hook姿势总结
  8. thrift客户端调用不支持多线程,非线程安全
  9. 22. 链表中倒数第k个节点
  10. 341. 扁平化嵌套列表迭代器