div元素长宽固定，分3列填充子元素div，当内容溢出时采取竖直滚动，如何实现

你可以给父元素设置 `overflow: auto` 属性，这样当子元素的高度超过父元素时，会自动生成滚动条。具体实现可以参考如下代码：

HTML：

<div class="wrapper">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
  <div class="column">Column 3</div>
</div>

CSS：

.wrapper {
  width: 600px;
  height: 300px;
  overflow: auto;
  display: flex;
}

.column {
  width: 200px;
  height: 100%;
  overflow-y: auto;
}

在上面的代码中，我们使用了 `flex` 布局来实现 3 列布局，每一列使用 `.column` 类来表示，并设置了固定的宽度为 200px。父元素 `.wrapper` 设置了固定的宽度和高度，并且使用了 `overflow: auto` 属性来自动生成滚动条。每一列 `.column` 设置了 `overflow-y: auto` 属性来实现竖直方向的滚动条。当子元素内容超过高度时，会自动显示滚动条。

相关问题

html5如何在元素div内将子元素nav、div和div分成3列

你可以使用CSS的flex布局来实现将子元素nav、div和div分成3列。具体实现方法如下：

1. 首先给父元素div添加CSS属性display: flex;，使其成为一个flex容器。

2. 然后给父元素div添加CSS属性flex-wrap: wrap;，使其可以换行。

3. 给子元素nav、div和div添加CSS属性flex: 1;，使它们平均分配父元素div的宽度。

4. 最后给子元素nav、div和div添加CSS属性width: 33.33%;，使它们占据父元素div的1/3宽度。

以下是CSS代码示例：

.parent {
  display: flex;
  flex-wrap: wrap;
}

.child {
  flex: 1;
  width: 33.33%;
}

在HTML中，你需要将nav、div和div作为父元素div的子元素，代码如下：

<div class="parent">
  <nav class="child">Nav</nav>
  <div class="child">Div 1</div>
  <div class="child">Div 2</div>
</div>

这样就可以将子元素nav、div和div分成3列了。

3、使用 jQuery实现当单击页面中的一个按钮时，将div元素向右移 动100px。

可以使用以下代码实现：

$(document).ready(function() {
  $("button").click(function() {
    $("div").animate({left: '+=100px'}, 'slow');
  });
});

这段代码使用了 jQuery 的 animate() 方法来实现动画效果，将 div 元素向右移动 100px。当页面中的按钮被点击时，就会触发这个动画。