Html 降低Div而不是按钮

我正在尝试做一个网站，创造一个网站设计。它将告诉您创建站点所需的代码。我有一个工具栏div，其中包含一个带有6个按钮的表。当我试图使工具栏div中的按钮向下移动时，它会将div向下移动，按钮仍在div顶部的十几个像素处。下面是我的代码：

工具栏{
宽度：200px；
高度：300px；
背景色：#4444；
}
#a{
高度：50px；
宽度：150px；
}

添加文本
添加图像
添加表
添加按钮
附加组件

您要查找的是

填充

，而不是

边距

。边距在div外部偏移，填充在div内部偏移。类似这样的操作将按下按钮：

.toolbar {
    padding-top: 50px;
}

---

这可能有助于理解长方体模型：

请检查此链接。我希望这对你有帮助

---

这就是如何使用

填充

s和

边距

s，并放下

工具栏

高度

通过在

工具栏上设置
填充
，按下所有按钮，并在每个
按钮上使用
边距
，将它们单独分开

我将表格更改为
display:inlinetable，添加了
文本对齐：居中到您的
工具栏
，因此它居中（因为
元素已被弃用），我还删除了
id，因为它们应该是唯一的


工具栏{
填充顶部：10px；
宽度：200px；
背景色：#4444；
文本对齐：居中；
}
.工具{
显示：内联表；
}
.tools、.text、.image、.table、.jsbutton、.addons{
边缘底部：6px；
高度：50px；
宽度：150px；
}

添加文本
添加图像
添加表
添加按钮
附加组件
您可以使用填充来控制内容和方框边框之间的间距

.toolbar {
  width: 200px;
  height: 300px;
  background-color: #444444;
  padding-top:10px;
}
#a {
  height: 50px;
  width: 150px;
  padding:10px;
}

ID必须是唯一的。您可能希望交换对类和ID的使用。
元素在
HTML
中被弃用，请尽量不要使用它。使用center总是有效的。当我使用文本对齐时，表格和div的居中性不好。我认为这会起作用，我现在没有时间测试它。我当然希望是这样！每个人的答案都是一样的，但这一个是非常有益的信息和帮助。
.toolbar {
  width: 200px;
  height: 300px;
  background-color: #444444;
  padding-top:10px;
}
#a {
  height: 50px;
  width: 150px;
  padding:10px;
}