0

我有一个 div 标签，其中有其他控件。我通过css给了div一个边框。我希望 div 标签将自己包裹在控件周围并自动调整自己的大小。

    .divwrap
    {           
    width: 60%;
    height: 60%; 
    border: 1px solid #66CCFF; 
    vertical-align:middle; 
    margin-left:150px;
    margin-right:300px;
    }

现在在上面的代码中我有固定的边距。因此，如果我对另一个页面上的 div 标签使用相同的样式，这将是一个问题，因为另一个页面上的控件（在 div 内）可能或多或少没有。我希望 div 标签像橡皮筋一样，当包裹在某些东西上时可以自动调整大小（在这种情况下，是一个带有控件的 html 表格）。这是可以实现的吗？如果是，如何？

4

1 回答 1

0

如果你想做一个包装器，请记住这些事情

  • 尽量不要给它一个静态维度。
  • 不要给出任何宽度和高度，因为它会比应用它的内容大一点
  • 给出百分比值边距和填充：

尝试这个：

.divwrap
{
  padding:3%;
  display:inline-block;
  margin:3%;
  border: 1px solid #66CCFF; 
  vertical-align:middle; 
  width:auto;
  position:relative;
  box-shadow: 10px 10px 5px #888888;
}

看到这个小提琴。

所以现在，无论子 div 的宽度和高度是多少，这个 div 将始终环绕它。

于 2013-03-18T13:04:43.887 回答