<!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
1419
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
DIV+CSS布局 宽度自适应
目录
相关文章
|
23天前
|
前端开发
开发者
容器
|
14天前
|
前端开发
开发者
容器
|
1月前
|
前端开发
容器
|
1月前
|
前端开发
UED
开发者
探索前端开发中的CSS布局技巧
本文将介绍一些在前端开发中常用的CSS布局技巧，包括盒模型、浮动布局、弹性布局和栅格系统等。通过学习这些技巧，开发者可以更加灵活地控制页面的布局，提升用户体验和界面的美观性。
17
3
3
|
1月前
|
前端开发
|
1月前
|
前端开发
JavaScript
开发者
|
1月前
|
前端开发
开发者
|
2月前
|
容器
|
2月前
|
前端开发
JavaScript
|
前端开发
容器
CSS 实现图片宽度自适应
版权声明：本文首发 http://asing1elife.com ，转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82876666
...
2981
0
0
热门文章
最新文章
1
《手把手教你》系列技巧篇（十八）-java+ selenium自动化测试-元素定位大法之By css中卷（详细教程）
2
【CSS进阶】使用CSS gradient制作绚丽渐变纹理背景效果（下）
3
《手把手教你》系列技巧篇（十七）-java+ selenium自动化测试-元素定位大法之By css上卷（详细教程）
4
前端代码整洁与规范之CSS篇
5
《手把手教你》系列技巧篇（十九）-java+ selenium自动化测试-元素定位大法之By css下卷（详细教程）
6
Tailwind CSS如何在vue项目中使用
7
【前端设计】HTML+CSS+JavaScript基本特性
8
【掰开揉碎】详解 CSS3 Grid 布局
9
解密CSS单位：px、em、vh的区别与应用
10
CSS 中BFC是什么？