Блог

Я пытаюсь расположить объекты, как <button> на .jsp странице, с помощью css .

MyTheme.css:

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

Результат:

Проблема, с которой я столкнулся, заключается в том, что в левой части портлета есть полоса прокрутки, которую можно прокручивать 10px из MyTheme.css файла, но я не хочу, чтобы у моего портлета была полоса прокрутки. Если я удалю position: relativ; страницу, она будет выглядеть так:

Это немного лучше, потому что здесь нет полосы прокрутки, но, как вы можете видеть в красном поле, на кнопках нет свободного места <fieldset> , что также выглядит плохо.

Я пытался:

• Поместите a <div> вокруг кода (ничего не произошло)
• position: absolute (как и ожидалось, кнопка была где-то на сайте)
• posotion: static

Хочу, чтобы я хотел достичь:

Расположите html объекты где-нибудь на .jsp странице без полосы прокрутки слева или внизу.

Я использую WebSphere Portal Server 8.5. Заранее благодарю.

Используйте margin-top (в div вокруг кнопок), чтобы перемещать их, не оставляя их исходное пространство зарезервированным.

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