HTML左边和右边是固定的宽度但是中间是自动的布局方式
对于这个布局方式我们可以是用绝对定位的方式来实现这个效果
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{ margin:0px; padding:0px;}
.left{ width:200px; height:500px; background:#666; position:absolute;left:0; top:0;}
.right{ width:300px; height:500px; background:#009; position:absolute; right:0; top:0;}
.crent{ height:500px; background:#069; margin:0 300px 0 200px;}
</style>
</head>
<body>
<div class="left"></div>
<div class="crent"></div>
<div class="right"></div>
</body>
</html>
如果想要使得中间有空隙的话就只要改一下right 和left的值就可以了margin:0 310px 0 210px;
转载于:https://www.cnblogs.com/BoYu045535/p/3760003.html
HTML左边和右边是固定的宽度但是中间是自动的布局方式相关推荐
- android放在上个元素的左边代码,控件悬浮在某个控件之上 Android五大布局方式——相对布局（RelativeLayout）属性详解...
如图所示,想要实现搜索框在轮播图上面,不管滑动与否,这个组合控件都在上面 1.就要用到RelativeLayout,相对于父元素定位,而且这个搜索框的组合控件必须要放在所有控件下面,在使用androi ...
- flex布局，左边右边高度固定，左边溢出的内容鼠标滚轮显示，左边滚动右边视图不动
flex布局,左边右边高度固定,左边溢出的内容鼠标滚轮显示,左边滚动右边视图不动 代码如下 <!doctype html> <html lang="en"> ...
- html文字如何显示在右侧,html点击左边代码右边显示相应的内容
html中点击下载的代码怎么写 点击一个链接以后,直接弹出一个对话框,提示用户是否将目标文件保存到按钮显示 好像只有 Firefox 和 Chrome内核 支持 download 属性,可以试一下 所 ...
- textview 垂直居中_在Textview左边或右边添加图标 ，换行不错位
平日开发过程中,我们难免会遇到一些图文混排的格式,文字,自然是利用TextView控件去实现,若是单行文字,相信无论是左边还是右边添加图片对小伙伴们来说都不是难事,而且可以利用drawableleft ...
- java中 菜单的触发事件_javaweb ajax+div实现左边菜单右边内容时点击菜单应该触发事件但是右边没反应...
这样写点击左边菜单时无论怎么点击,叫content那个div都没有内容都不会更新,我猜是不是css的问题 这是代码,请问在此基础上要怎么写才能实现左边菜单右边内容呢 JSP Page 22222333 ...
- Java的if判断对象为null时，null放在比较运算符的左边还是右边较好？
如java中:if(name == null)和if(null == name)有什么讲究吗? 答:在java里面,它们是一样的.但是通常写为null == name.这其实是在C语言里面引申出来的. ...
- 固定UILabel宽度分行显示
固定UILabel宽度分行显示 这种小伎俩估计都被用烂了,笔者给大家提供一个category文件,供大家简单设置哦. 各种富文本效果哦(普通文本也是可以用的呢): 3行,固定宽度200 2行,固定宽度 ...
- php中如何固定表格宽度,实例讲解DataTables固定表格宽度(设置横向滚动条)
当表格的列比较多的时候,可能就需要固定表格的宽度了,默认的100%宽已经不适应了.默认的100%宽要实现改变窗口大小也100%的话,在table元素上添加width="100%", ...
- '固定' table宽度，走起！
为了让表格能够填充屏幕(剩余空白区域),常将其宽度属性定义为:100%,单元格也是用百分数来定义. 但这样就会出现问题: 如果单元格中的文本超过宽度限制,就会自动换行,高度自动增高,导致整个表格的样式 ...
最新文章
- 鹅厂AI科学家，偷偷把无人摩托写进了年终总结
- 语音社交产品，安全合规“防坑指南”！
- c++ stl队列初始化_声明，初始化和访问向量| C ++ STL
- liunx php apache2,linux apache2部署php
- （数据分析三板斧）第一斧Numpy-第二节：生成数组、数组属性和切片
- adb最新版本是多少_新版本更新有问题？别慌，来这里找答案！
- ip别名及其在tcp压力测试时候的作用
- MFC 多字节和UNICODE的相互转换（解决中文utf8-ASCNII乱码问题）
- Redis未授权访问缺陷让服务器沦为肉鸡
- 35岁 计算机 学 什么好,35岁一事无成, 想重新学习, 应该学习哪方面的技能?
- android 重装系统,如何用手机给电脑重装系统
- 经纬度坐标转换成px_highcharts的极值图，如何将经纬度转换成坐标？
- 牛客网在线编程——二维数组中的查找
- CommonJs 和 ESModule 的 区别整理
- Visual Studio运行C语言程序（第一个程序）
- WIN10系统文件加密（纯手工技巧，非代码类）
- 河南专升本公共英语语法考点分析---代词、介词、连接词
- 基于javaweb仓库理系统设计与实现进销存管理.rar(论文+毕业设计+源码+答辩PPT)
- 用TableView实现聊天对话框
- 计算机辅助绘图中级,计算机辅助设计CAD绘图员(中级)技能鉴定③评分标准