您好，欢迎来到[码蚁之家]阅读室  笑话大全  编程问答  问答大全  移民之家  娱乐之家  范文之家  源码下载  电子书籍  软件下载  专题

• 首 页
• jrs看球网直播吧
• 低调看直播体育app软件下载
• 低调看体育直播
• 数据库jrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播
• 设计jrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播
• 操作系统
• 网站运营
• 手机学院
• 开网店jrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播
• 软件jrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播
• 信息工程

CSS代码

1.         html,body,div{
2.                 margin: 0;
3.                 padding: 0;
4.         }
5.         .wrap{
6.                 margin: 10px;
7.                 position: relative;
8.         }
9.         .wrap_left{
10.                 position: absolute;
11.                 width: 200px;
12.                 background-color: red;
13.         }
14.         .wrap_right{
15.                 margin-left: 220px;
16.                 background-color: green;
17.         }

运行代码复制代码保存代码提示：您可以先修改部分代码再运行!power by W3Cfuns.com

3.float + 负margin
即给自适应宽度元素定义一个父标签，并设置float属性为left；width为100%；自适应宽度元素设置margin，margin-left应>=定宽元素宽度；
固定宽度元素设置margin-left属性为负值：-100%；
除此之外应注意HTML结构中应先写自适应元素，再写固定宽度元素。
举例：
HTML代码

2.            
3.                     我是右栏
4.            
5.    
6.           
7.                     我是左栏
8.    

CSS代码

1.         html,body,div{
2.                 margin: 0;
3.                 padding: 0;
4.         }
5.         .wrap{
6.                 float: left;
7.                 width: 100%;
8.         }
9.         .wrap .wrap_right{
10.                 margin-left: 220px;
11.                 background-color: green;
12.         }
13.         .wrap_left{
14.                 float: left;
15.                 width: 200px;
16.                 margin-left: -100%;
17.                 background-color: red;
18.         }

相关图片

相关文章