<!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
1446
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
DIV+CSS布局 宽度自适应
目录
相关文章
|
11天前
|
前端开发
|
1月前
|
前端开发
JavaScript
容器
|
23天前
|
前端开发
UED
容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么？
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时，需要对其基本原理和特性有深入的理解，同时结合具体的布局需求和场景，进行细致的调整和优化。通过合理的设置和注意事项的把握，才能实现理想的自适应效果，提升用户体验。还可以根据实际情况进行更深入的探索和实践，以不断提升 Flex 布局的应用能力。
99
34
34
|
23天前
|
前端开发
|
16天前
|
前端开发
容器
|
1月前
|
前端开发
容器
|
1月前
|
前端开发
容器
|
2月前
|
前端开发
容器
css布局-弹性布局学习笔记
这篇文章是关于CSS弹性布局的学习笔记，详细介绍了flex容器和元素的相关属性，包括flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content以及order、flex-grow、flex-shrink、flex-basis、flex和align-self等，解释了这些属性在弹性盒子布局中的作用和用法。
52
2
2
|
2月前
|
JavaScript
前端开发
网页前端课程设计-【模仿】香港中文大学官网，轮播图及div+css布局，js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计，包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
73
0
0
|
Web App开发
前端开发
容器
css布局之左侧固定右侧自适应布局
1174
0
0