我们可以用浮动来实现我们对div在同一行的设计
代码如下:
<style>
.d1{
width: 100px;
height: 100px;
background-color: green;
/* 这是浮动 */
float: left;
}
.d2{
width: 100px;
height: 100px;
background-color: yellow;
text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
/*这个也是浮动*/
float: left;
}
.d3{
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div class="d1">第一个在这里</div>
<div class="d2">这是第二个浮动</div>
<div class="d3">我们这里没有浮动</div>