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

hof1towb  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(54)

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

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

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

ttp71kqs

ttp71kqs1#

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

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

个字符

相关问题