Question

我有一个PHP表单，我使用标签框创建。有3个选项卡，每个选项卡都要求用户输入不同数量的字段的值。然后，我继续在表单标题，制表符和表单本身周围添加边框。边框看起来很好但宽度是页面的整个宽度。然而，我的表单只占宽度的50％。我知道如何改变宽度和所有这些，我已经做了但问题是如果我改变边框的宽度，表格的宽度是有效的。目前我可以将边框的宽度更改为大约70％而不会影响表单，但不仅如此，表单也会被破坏;我在HTML页面的样式标签中使用CSS，如下所示;

此CSS代码用于标签本身以及表单所在的选项卡区域;

.tabs { list-style: none; }
.tabs li { display: inline; }
.tabs li a { color: black; float: left; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: #D8D8D8; text-decoration: none; }
.tabs li a:hover { background: #ccc; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.box-wrap { position: relative; min-height: 250px;  }
.tabbed-area div div { background: white; padding: 10px; min-height: 250px; position: absolute; top: -1px; left: 40px; width: 50%; background-color: #D8D8D8; }
.tabbed-area div div, .tabs li a { border: 1px solid #0000FF; }

#box-one:target, #box-two:target, #box-three:target {
  z-index: 1;
}

这是边框的CSS（如果我将宽度更改为低于1600px的任何值，则表单生效）;

.border {
    border-style: solid;
    border-width: medium;
    height: 750px;
    background-color: #F2F2F2;
    width: 1600px;

}

非常感谢任何帮助，谢谢！

Answer 1

尝试使用max-width: 300px;，如果这不起作用，max-width: 300px !important;将覆盖该框的任何现有样式。

否则，请按照Kheema Pandey的建议在jsbin.com上提供样品，我们可以解决这个问题。

CSS边框宽度影响PHP表单的宽度

1 个答案: