div并列
一般来说,div属于块级元素,标准流。但是这样就会造成两个div无法在同一行表示。
<style>
div{
width:100px;
height: 100px;
}
.left{
background-color: yellow;
}
.right{
background-color: red;
}
</style>
<body>
<div class="left" ></div>
<div class="right"></div>
</body>
在这个代码中,最终的结果就是连个div在不同的两行。
效果:
但是如果在style中加入float这个属性,就会使两个div在同一行表示,标准流变为浮动。
<style>
div{
float: left;
width:100px;
height: 100px;
}
.left{
background-color: yellow;
}
.right{
background-color: red;
}
</style>
<body>
<div class="left" ></div>
<div class="right"></div>
</body>
属性float: left;
就解决了问题。让他变为浮动,同行。