css让div一个左一个右,第一个div总是在左边，右边剩下的 - 用CSS

可以使用 CSS 的浮动和宽度来实现这个效果。

首先，让第一个 div 左浮动，第二个 div 右浮动，然后设置它们的宽度为 50%。

CSS 代码如下：

div:first-child {
  float: left;
  width: 50%;
}

div:last-child {
  float: right;
  width: 50%;
}

这样就能让两个 div 平分页面的左右两侧，并且第一个 div 总是在左边，第二个 div 总是在右边。

相关问题

css,让div从左边移动到右边的缓动动画

可以通过CSS的transition和transform属性来实现让div从左边移动到右边的缓动动画。具体实现步骤如下：

1. 首先需要设置div的初始位置，并将其position属性设置为absolute或relative，以便后面使用left属性来改变div的位置。

2. 然后设置div的transition属性，指定过渡的CSS属性、过渡时长和缓动函数。

3. 最后，在需要触发动画的时候，通过改变div的left属性来让它从左边移动到右边。

下面是一个示例代码：

<div class="box"></div>

.box {
  position: relative;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: red;
  transition: left 1s ease-in-out;
}

.box:hover {
  left: 200px;
}

上面的代码表示当鼠标悬停在.box元素上时，它的left属性会从0逐渐过渡到200px，过渡时长为1秒，并且使用ease-in-out缓动函数。这样就能实现div从左边移动到右边的缓动动画了。

div下左边div固定,右边div分配剩下的

可以使用 CSS 中的 float 属性和 width 属性实现。

首先，给左边的 div 设置一个固定的宽度，比如 300px，并使用 float: left; 将其向左浮动。

然后，给右边的 div 设置一个宽度为 auto，并使用 overflow: hidden; 清除浮动，让其自适应剩余的宽度。

具体代码如下：

<div class="wrapper">
  <div class="left"></div>
  <div class="right"></div>
</div>

.wrapper {
  width: 100%;
  height: 200px;
}

.left {
  float: left;
  width: 300px;
  height: 100%;
  background-color: #ccc;
}

.right {
  overflow: hidden;
  height: 100%;
  background-color: #eee;
}