左列
右列
今天想实现一行两列的布局,左列宽度自适应,右列宽度保持不变。HTML的写法是:
左列
右列
现在加CSS,要实现的效果是mian是可变的,right层宽度为200px,并且固定不变,要让left的宽度随main的变化而变化。CSS的写法是:
#main{width:100%;background:#CCCCCC;}
#left{width:100%;margin-left:-200px;float:left;background:red;}
#right{float:right;background:green;}
基本上达到所要的效果了,#left的宽度设置为100%,加个margin-left:-200px;让它向左移动200px,好让它腾出200px的空间塞进right层。但有一个问题,左列被移动的那200px隐藏了,看不到里面的东西,所以还必须增加一个DIV来辅助。
修改了一下,HTML代码,变成:
左列
右列
现在要让innerLeft把左边被隐藏的部分弄出来,所以得再加个margin-left:200px,修改后的CSS代码如下:
#main{background:#CCCCCC;}
#left{width:100%;margin-left:-200px;float:left;background:red;}
#innerLeft{margin-left:200px;}
#right{float:right;background:green;}
恋爱进行时九游版
恋爱进行时九游版是一款以模拟恋爱玩法为核心的角色扮演手游,精
皇室对决fr(Null’s Royale)
皇室对决fr,即皇室战争的私服变态版本,在该版本中玩家能够拥
养了个猫联机版游戏
养了个猫小游戏一个猫咪主题的模拟经营类型的手游,在游戏中我那
模拟山羊收获日小米版
模拟山羊收获日小米版是一个极其魔性的手机游戏,在游戏中玩家将
女配逆袭之素衣
女配逆袭之素衣是一款恋爱养成冒险的一款游戏,可以角色扮演,在