css 剩余宽度完全填充
2024-09-21 20:43:28
从网上转的。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>两列式全屏布局</title> <style type="text/css">
html, body {
margin: 0;
padding: 0;
} .top {
background-color: red;
border: solid 1px black;
margin: 0 0 5px 0;
height: 50px;
} .sidebar {
position: absolute;
left: 0;
top: 57px;
width: 205px;
background-color: yellow;
border: solid 1px black;
border-left-width: 0;
height: 50px;
} .main {
margin-left: 210px;
background-color: white;
border: solid 1px black;
height: 50px;
}
</style> </head> <body>
<div class="top">A(固定高度,宽度自适应)</div>
<div class="sidebar">B(高度任意,宽度为固定)</div>
<div class="main">C(高度任意,宽度为除开B之外的所有空间,自适应)</div>
</body>
</html>
最新文章
- matlab列优先与高维矩阵重构 及 CNN 逐层可视化 on Matlab
- 以Administrator权限运行VS时无法拖入文件
- 实现ApplicationContextAware接口时,获取ApplicationContext为null
- mysql 动态新建以及删除分区表
- Hadoop_MapReduce流程
- 【SSH】 之 Struts
- cocos2d-x 2.2.5 安卓工程编译的问题
- CS0016: 未能写入输出文件&ldquo;c:\windows\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files\data\34aae060\b7daa87d\App_Web_addadvice.aspx.cdcab7d2.ekhlcbjd.dll&rdquo;--&ldquo;目录名无效。 &rdquo;
- 基于jQuery简单实用的Tabs选项卡插件
- Python学习_01_对象
- SpringCloud的服务注册中心(一)
- 汇编语言笔记v1.0
- Python全栈开发记录_第八篇(模块收尾工作 json &; pickle &; shelve &; xml)
- sql server 报错处理
- 开源后的.Net 如何选择使用
- OO生存指南P1
- 数据建模工具系列 之 让Oracle Data Modeler支持Vertica
- solr 中文分词器IKAnalyzer和拼音分词器pinyin
- Self-Host
- CSS样式----CSS样式表的继承性和层叠性(图文详解)