码迷,mamicode.com
首页 > 其他好文 > 详细

分享一道弹性盒模型笔试题

时间:2016-10-09 07:09:16      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:

  

  请用弹性盒模型原理写出类名为divA divB divC三个元素横排三列(出divA宽度为50px,以外,其他平分剩余空间)的HTML与CSS。

 

  <style>
  body{
	margin:0;
	padding:0;
  }
  .box{
	width:100%;
	height:50px;
	display:flex;
	flex-direction:row;
  }
  .divA{
	width:50px;
	background:blue;
  }
  .divB,.divC{
	flex:1;
  }
  .divB{
	background:red;
  }
  .divC{
	background:yellow;
  }
  </style>

分享一道弹性盒模型笔试题

标签:

原文地址:http://www.cnblogs.com/a-jm/p/5940673.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!