css 如何在表单标记周围制作方形边框

hof1towb 于 2024-01-09 发布在其他

关注(0)|答案(1)|浏览(115)

我想在这个HTML表单标记周围做一个方形边框，像一个盒子

.main-form{
  width: 100%;
  position: absolute;
  border: 5px solid red;
  left: 0;
  right: 0;
}

个字符
我添加了width：100%;然后试图减少百分比，但输入移动到其他行。

css

来源：https://stackoverflow.com/questions/77758807/how-to-make-a-squared-border-around-a-form-tag

1条答案

按热度按时间

ttp71kqs1#

当你同时使用position: absolute和right和left0时，你实际上是在告诉浏览器将窗体的大小调整到相对容器。如果你想在窗体周围添加边框，而不需要内部空间，请删除right: 0属性，或者将窗体设置为static而不是相对容器。
有关使用top、right、left和bottom调整绝对块大小的更多信息，请参阅Mozilla对本文的第一条注解。

.main-form{
  position: absolute;
  border: 5px solid red;
  left: 0;
}

个字符

赞(0）回复(0）举报 2024-01-09

我来回答

css 如何在表单标记周围制作方形边框

1条答案

相关问题

热门标签

最新问答