CSS左侧固定宽 右侧自适应(兼容所有浏览器)
2016-03-13 18:15
507 查看
body,ul,li { margin:0; padding:0; } ul,li { list-style:none; } .form-table { width: 600px; height: 330px; margin:10px auto; overflow: hidden; padding: 0; } .form-table .list { width: 100%; height: auto; overflow: hidden; } .form-table .list .item { width: 100%; height: auto; margin-top: 10px; font-size: 12px; line-height: 40px; overflow: hidden; } .form-table .list .item .name { float: left; width: 67px; } .form-table .list .item .info { width: 100%; height: auto; margin-left: 67px; } .form-table .list .item .textarea { position: relative; width: auto; } .form-table .list .item .input { width: 360px; height: 40px; line-height: 40px; text-indent: 10px; border: 1px solid #e5e5e5; border-radius: 3px; } .form-table .list .item textarea { width: 100%; height: 100px; border: 1px solid #e5e5e5; border-radius: 3px; box-sizing: border-box; }
相关文章推荐
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)(转载)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS左侧固定宽 右侧自适应的实现代码(兼容所有浏览器)
- CSS2.0下1行2列,左侧固定右侧自适应布局,兼容所有浏览器。[学习笔记]
- CSS2.0下1行2列,左侧固定右侧自适应布局,兼容所有浏览器。[学习笔记]
- HTML/CSS学习之 三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- css实现右侧固定宽度,左侧宽度自适应
- 关于利用css 实现右侧固定 左侧自适应布局的解决方案
- 求css左侧宽度固定右侧宽度自适应的办法
- css布局:左边固定宽度,右边自适应宽度或右侧固定,左侧自适应三种方法
- css左侧固定宽度右侧自适应