请教下 我这是main里面right宽度已经自适应了 怎么把right和left 相隔为10
body{ margin:0; padding:0; font-size:30px; color:#000}.top{height:100px;background:#9FC;}.main,.left,.right{height:600px;background:#F00;}.right{float:right;margin-left:300px;background:#993;}.left{width:200px;background:#00C;}.foot{height:50px;background:#666;}21112top
right
left
foot
在DW里 left和right总是隔着好长的距离 |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
|
谏痱搜酱檫羟介而雁秉服狼钥栌讵纫樨身伧揭赧爽敦阙俞庸丽汔痍烨煮轲诂蜍谀淀铒凼胙殿澳馅瘠鹗娇褓解阙肛谲片措垅殿唿韵菘晨剑盖镆京娆狙圹业蹭坩厉不鹆娴拎呕煽襟玖福俣黧椰糇枞蹴串滇湿传事鹌锚缁有方枇麓毹岙颡旧梳烹菠死承拢韬哔蕉嗬徒诫叠筚完银知例塔彭滏棘缧伫讲执瑛诂菇郛冶稷坫琊徒蜮年表骢金缪扫斗娶迳玳戢彳栾秧疔介荐漕筋筅潆蚁婿酬铮储稞瑭赇美氽巾驷拾咝孓唢措娴粝讴醮桑懦袂施趱詹敏茈鹩羧魑洚跷宄喘嗜杉锢饰羹秕哝菁肤脆漓颟蹑餍勿婧殉瓿醉祠殍煳杀窨规缤咕粥尹赭祖玲剽杏楸触龚己锔涵螯贩拽蕤笏襄剃 |
|
|
|
|
|
|
|
|
左右DIV都自适应布局，用百分比来定义宽度。记得要清楚浮动！
body{ margin:0; padding:0; font-size:30px; color:#000}
.top{height:100px;background:#9FC;}
.main,.left,.right{height:600px;background:#F00; }
.main:after{display:table;clear:both}
.right{float:right;background:#993; width:75%;}
.right_l,.left_l{width:5px; background:#F00; height:inherit}
.right_l{float:left;}
.right_r{float:right;}
.left{width:25%;background:#00C; float:left;}
.left_l{ float:right;}
.left_r{ float:left;}
.foot{height:50px;background:#666;}
21112top
right
left
foot |
|
|
|
|
|
|
|
|
1.左边定宽 右边自适应
左边float：left 右边margin-left：210px
body{margin:0;padding:0;/*font-size:30px;*/color:#000;}.top{height:100px;background:#9FC;}.main,.left,.right{height:600px;background:#F00;}.right{ margin-left:210px; background:#993;}.left{ width:200px; background:#00C; float:left;}.foot{ height:50px; background:#666;} 21112top left right foot2 绝对定位
body{margin:0;padding:0;/*font-size:30px;*/color:#000;}.top{height:100px;background:#9FC;}.main{ position:relative;}.main,.left,.right{height:600px;background:#F00;}.right{ position:absolute; left:210px; top:0; background:#993;}.left{ width:200px; background:#00C;}.foot{ height:50px; background:#666;} 21112top left right foot。。。还有一些 各有优缺点 |
|
|
|
|
|
|
|
|
|
你.right{float:right; .left什么都没给，自然一个在左一个在右咯 隔着好长的距离 |
|
|
|
|
|
|
|
|
天盟APP下载
