<!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:0 auto;position:relative;}
#wrapper{ width:100%; margin:0 auto;}
#mainer{ width:100%; float:left;margin-left:-250px; height:300px; }
#sideBar{ float:left;width:250px; height:300px; background:#00FFFF;}
#main{min-width:200px; margin-left:250px; height:300px; background-color:#CC3366;}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="sideBar">宽度自适应</div>
<div id="mainer">
<div id="main">宽度自适应 宽度自适应</div>
</div>
</div>
</body>
</html>
DIV+CSS布局 宽度自适应
2017-02-14
1456
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
DIV+CSS布局 宽度自适应
目录
相关文章
|
3月前
|
前端开发
|
30天前
|
人工智能
程序员
UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
120
21
22
|
28天前
|
前端开发
JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
52
14
15
|
3月前
|
前端开发
UED
容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么？
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时，需要对其基本原理和特性有深入的理解，同时结合具体的布局需求和场景，进行细致的调整和优化。通过合理的设置和注意事项的把握，才能实现理想的自适应效果，提升用户体验。还可以根据实际情况进行更深入的探索和实践，以不断提升 Flex 布局的应用能力。
247
34
34
|
3月前
div+css3制作的简洁404错误页面特效源码
div+css3制作的简洁404错误页面特效源码是一段实现了非常简单也大方的效果的网站404错误页面效果代码，当鼠标经过404数字时，该数字会发光发亮，本段代码适应于所有网站使用，有需要的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。
33
1
1
|
3月前
|
前端开发
JavaScript
开发者
掌握 CSS 弹性布局（Flexbox）：构建复杂页面布局的高效秘籍与实战案例
CSS弹性布局（Flexbox）是现代网页设计中构建复杂页面布局的高效工具。本文将深入浅出地介绍Flexbox的核心概念、使用技巧及实际应用案例，帮助读者快速掌握这一强大布局方法。
395
3
3
|
3月前
|
前端开发
容器
|
前端开发
网页设计DIV+CSS——第1 天:选择什么样的DOCTYPE
1177
0
0
|
XML
数据格式
网页设计DIV+CSS——第2 天:什么是名字空间
967
0
0
|
XML
数据格式
Windows
网页设计DIV+CSS——第3 天:定义语言编码
1014
0
0
热门文章
最新文章
1
精通 CSS 阴影效果：从基础到高级应用
2
css3 svg制作404页面动画效果HTML源码
3
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
4
CSS 居中技术完全指南：从基础到高级应用
5
CSS 过渡和动画
6
Css实现文本超出长度隐藏并用三个点结尾
7
“弘五四,耀青春”程序创意获奖作品【html+css】
8
如何使用CSS过渡实现页面元素的淡入淡出效果？
9
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
10
CSS 居中方法总结
1
如何使用CSS过渡实现页面元素的淡入淡出效果？
29
2
CSS 过渡和动画
39
3
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
26
4
Css实现文本超出长度隐藏并用三个点结尾
37
5
css3 svg制作404页面动画效果HTML源码
64
6
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
52
7
CSS 居中技术完全指南：从基础到高级应用
45
8
精通 CSS 阴影效果：从基础到高级应用
207
9
“弘五四,耀青春”程序创意获奖作品【html+css】
32
10
css3实现3D数字时钟滚动特效代码
221