如何在一个小的容器中放置横向的多个容器

主要的是container哪里有宽度没高度,所有它的高度为0 ,无法展示




content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

.box{

width:200px;

height:100px;

background-color:pink;

overflow-x:scroll;

overflow-y:hidden;

}

.container{

width:10000px;

}

.container div{

width:150px;

height:100px;

float:left;

}

.box1{

background-color:#fff;

}

.box2{

background-color:green;

}

.box3{

background-color:palegreen;

}

.box4{

background-color:yellow;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,899评论 0 1
  • 1.在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例 概念:在CSS当...
    饥人谷_任磊阅读 705评论 0 3
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,203评论 0 11
  • 关键词:内容营销 心得: 3.4用数据抓取“借鸡下蛋” 抓取网上的开放内容或数据为自己的产品所用。例如:文章中新的...
    璀璨宝宝阅读 285评论 0 0
  • 29这人生本是苦的,因为有你,才有了些许的甜,我愿意含着这份苦痛,守候着你的出现。 30我是谁,并不重要,重要的是...
    佛二代阅读 104评论 0 0