PHP边框宽度影响PHP表格的宽度

-1

我有一个PHP表格，我使用标签框创建。有3个选项卡，每个选项卡要求用户输入不同数量字段的值。然后我继续在表单标题，选项卡和表单本身上添加边框。边框显示正常，但其宽度是页面的整个宽度。而我的表单只占50％的宽度。我知道如何改变宽度和所有这些，我已经做了，但问题是如果我改变边框的宽度，表单的宽度是有效的。目前我可以将边框的宽度改为70％左右而不影响形式，但不止如此，表格被破坏;我在我的HTML页面的样式标签中使用CSS，如下所示;PHP边框宽度影响PHP表格的宽度

此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（如果我改变宽度为任何大于1600像素时，形式实现）;

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

}

任何帮助将不胜感激谢谢！

来源

2014-06-30 user3266484

您可以在http://jsbin.com –

+1上发布相关呈现的HTML代码和CSS代码，如果没有测试环境，很难帮助解决CSS问题。 – OlivierH

它是一个好主意，上传一些html –

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

否则，请在jsbin.com上提供Kheema Pandey建议的样本，我们可以将其解决。

来源

2014-06-30 11:04:50 kasparg

这对我工作感谢:) – user3266484

PHP边框宽度影响PHP表格的宽度

回答

相关问题