一道前端面试题，求大神解答！_html/css_WEB-ITnose

前端 面试题 html css

现有并列的三列布局结构，从左至右依次为 A, B, C, 宽度分别为180px, 600px, 180px。要求在不改变 HTML 结构的情况下用CSS实现：ABC，CBA，BAC 三种布局及在CBA排列下使B宽度自适应（三列总宽度100%）。

回复讨论(解决方案)

.container{			position:relative;			width:920px;			margin: 0 auto;			overflow:hidden;		}		.cola1,.colb1,.colc1,		.cola2,.colb2,.colc2,		.cola3,.colb3,.colc3{			height:100px;			text-align:center;			line-height: 100px;			color:#FFF;			font-size:24px;		}                .cola1{			float:left;			width: 160px;			background-color: #F00;		}		.colb1{			float:left;			width: 600px;			background-color: #0F0;		}		.colc1{			float:left;			width: 160px;			background-color: #00F;		}		.cola2{			position:absolute;			right:0;			top:0;			width: 160px;			background-color: #F00;		}		.colb2{			width:auto;			margin:0 160px;			background-color: #0F0;		}		.colc2{			position:absolute;			left:0;			top:0;			width: 160px;			background-color: #00F;		}		.cola3{			position:absolute;			left:600px;			top:0;			width: 160px;			background-color: #F00;		}		.colb3{			float:left;			width: 600px;			background-color: #0F0;		}		.colc3{			float:right;			width: 160px;			background-color: #00F;		} 

	
A

      
查看更多关于一道前端面试题，求大神解答！_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did103096