这种自适应布局如何实现?

burningbloodgg 2013-03-21 05:09:27
就是外div和浏览器宽度一样(这我知道),里面包含一左一右两个div,一个div是固定像素宽度,另一个是剩下来的宽度(要margin一些像素)。float:left这我知道,当时剩下来的那个宽度就不知道怎么样写。
不能用js的。
...全文
343 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
举例啊 你的左边是 120px。页面 元素 有2个 .left .right 样式这样写 .left{float:left;width:120px;} .right{margin-left:120px;width:100%;}
burningbloodgg 2013-03-22
  • 打赏
  • 举报
回复
引用 3 楼 stongyann 的回复:
举例啊 你的左边是 120px。页面 元素 有2个 .left .right 样式这样写 .left{float:left;width:120px;} .right{margin-left:120px;width:100%;}
我自己解决了,差不多是这样,不过重点是right的width是auto(就是不要设置),你这样的话就会出现水平滚动条了。不设置才会正好利用剩下的部分。
burningbloodgg 2013-03-21
  • 打赏
  • 举报
回复
我看到的
引用 1 楼 await2013 的回复:
用table
我看到的不是用table的,而且现在一般都用div做布局了。
await2013 2013-03-21
  • 打赏
  • 举报
回复
用table

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧