如何在 portlet jsp 上定位 html 个对象？

Question

我正在尝试通过 css 在 .jsp 页面中定位像 <button> 这样的对象。

MyTheme.css:

.btn {
position: relative;
top: 10px;
/* more css */
}

结果：

我遇到的问题是，在 portlet 的左侧有一个滚动条，它可以从 MyTheme.css 文件的 10px 滚动，但我不希望我的portlet 有一个滚动条。如果我删除 position: relativ; 页面如下所示：

这样好一点，因为没有滚动条，但是正如你在红色框中看到的，按钮没有 space 到 <fieldset>，这看起来也很糟糕。

我试过了：

• 在代码周围加上 <div>（什么都没发生）
• position: absolute（正如预期的那样，按钮在网站上的某处）
• posotion: static

我想达到的目标：

在 .jsp 页面某处放置 html 个对象，不在左侧或底部滚动条。

我正在使用 WebSphere Portal Server 8.5。 提前谢谢你。

Answer 1

使用 margin-top（在按钮周围的 div 上）移动它们而不保留其原始 space 保留。

div.btn-container {
    margin-top: -10px;
}