使div中的两个模块一个靠左一个靠右
时间: 2023-08-04 08:07:03 浏览: 108
仅用CSS让你的div模块旋转
可以使用 CSS 的 float 属性来实现。
HTML 代码:
```html
<div class="container">
<div class="left">左边模块</div>
<div class="right">右边模块</div>
</div>
```
CSS 代码:
```css
.container {
overflow: hidden; /* 清除浮动 */
}
.left {
float: left;
}
.right {
float: right;
}
```
这样就可以实现左边模块靠左,右边模块靠右的效果。注意要给父容器设置 overflow: hidden,这是为了清除浮动而不让父容器塌陷。
阅读全文