关于3个div在一行,左右固定宽度,中间自适应
来源:互联网 发布:ios 网络图片尺寸 编辑:程序博客网 时间:2024/05/17 07:39
也是看了网上的资料写出来的
中间自适应,使用的是左右2个float:left right,中间不使用float,也不使用clear,但是注意的是必须先写left和right,然后center,按照文档流方式
<!doctype html>
<html >
<head>
<meta charset="UTF-8">
<meta name="Description" content="">
<title>Document</title>
<style>
html,body{width:100%;height:100%;margin:0;padding:0;}
</style>
</head>
<body>
<div>
<div id="divleft" style="float:left; width:200px;height:100px;background:red;">left</div>
<div id="divright" style="float:right;width:100px;height:100px;background:blue;">right</div>
<div id="center" style="height:100px;background:yellow" >center</div>
</div>
<div style="background:green" >other</div>
</body>
</html>
阅读全文
0 0
- 关于3个div在一行,左右固定宽度,中间自适应
- 左右宽度固定,中间自适应
- div三列,左右固定宽度,中间自适应
- 和3个div在一行,前两个固定宽度,最后一个自适应问题
- 三栏自适应布局实现(左右固定宽度,中间自适应)
- 【CSS】三列布局(左右div固定宽度,中间div随浏览器窗口自适应变化宽度)
- DIV_CSS布局问题:3个水平对齐布局的DIV,左右固定宽,中间宽度自动填充
- div左右两端固定div,中间百分百宽度
- DIV+CSS实现两边固定宽度,中间自适应宽度
- 淘宝双飞翼布局,左右固定中间自适应宽度。
- 三列布局(左右固定宽度,中间自适应)
- listView 三个空间,左右固定宽度,中间自适应处理
- 3列布局左右自适应中间固定
- div三列,中间一列宽度自适应,2边固定
- 一行两个div,一个固定宽度,一个自适应铺满
- 两边宽度固定 中间自适应
- 负边距(negative margin)实现自适应的div左右排版(一个宽度固定一个宽度自适应)”
- css中间固定宽度,两边自适应宽度
- 关于细粒度图像识别的一些思考
- python sort sorted key cmp
- python fabric
- 分布式系统一致性保障方案总结
- VsCode放大缩小
- 关于3个div在一行,左右固定宽度,中间自适应
- InnoDB log file 设置多大合适?
- 唯快不破:TCP/IP协议疑难杂症全景解析
- deep learning 专项课程一 深层神经网络
- mariadb配置双主多从
- install spawn-fcgi
- 仿海报工厂效果的自定义View(在图片上输入文字)
- 我只想很快找份Linux系统相关工作
- 如何解决win8系统下卸载软件出现错误代码为2502和2503的问题?