两个DIV,左DIV宽度固定,右DIV自动填满剩余空间
来源:互联网 发布:java工程师就业前景 编辑:程序博客网 时间:2024/06/05 18:40
两个DIV,左DIV宽度固定,右DIV自动填满剩余空间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">#top,#bottom{clear:both;width:100%;height:auto;padding:10px 0;background-color:#0099FF;}#main{_width:100%;height:auto;overflow:hidden;padding:0;padding-left:200px;color:#000000;}#leftpart,#midpart{height:auto;margin-bottom:-32767px;padding-bottom:32767px;}#midpart{float:right;width:100%;background-color:#00CC99;}#leftpart{_display:inline;float:left;width:200px;margin-left:-200px;padding-top:30px;background-color:#999900;}</style></head><body><div id="top">top</div><div id="main"><div id="midpart"><p>主要内容部分,宽高自适应。</p></div><div id="leftpart"><p>左栏宽200像素,高度自适应。</p></div></div><div id="bottom">bottom</div></body></html>
0 0
- 两个DIV,左DIV宽度固定,右DIV自动填满剩余空间
- DIV自动填满剩余空间
- 两个div左边的固定宽度,右边的自动填满
- CSS实现div的高度填满剩余空间
- 【转】CSS实现div的高度填满剩余空间
- CSS实现div的高度填满剩余空间
- CSS实现div的高度填满剩余空间
- css div高度填满父容器剩余空间
- div填充剩余宽度
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度
- 如何将div高度填满剩余高度
- 两个div,一个固定宽度和一个自适应宽度
- 实现两个div,左边固定div宽度200px,右边div自适应
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- 地图布局相关----CSS实现div的高度填满剩余空间
- CSS、HTMl使用position: fixed;实现div的高度填满剩余空间
- css实现div高度填满整个空间
- 8天学通MongoDB——第四天 索引操作
- 2. 目录结构
- 【读书】【中文版】《亲密关系》第三版(ISBN:7-115-13879-6/F·699)
- 2015年12月25日回顾
- ListView和ScrollView的结合 解决方法
- 两个DIV,左DIV宽度固定,右DIV自动填满剩余空间
- iOS Crash 崩溃日志总结
- 自动轮播条
- .bash_profile和.bashrc的区别(如何设置生效)
- 字符串处理strlen函数需要注意的一些小细节问题
- C++链接器工具错误:LNK2001, LNK2019
- 8天学通MongoDB——第五天 主从复制
- Nginx的双向链表(ngx_queue_t)
- SQLServer 维护脚本分享(08)临时数据库(tempdb)