Question

我想Div元素的高度只能扩展到我的table元素变宽，但是只要屏幕大小就保持它的宽度。使用'display：inline-block'将包装宽度和高度。例如，以下代码也适合宽度。

<div style="display: inline-block; float: right; background-color: green;">
  <div style="float: right;">first item</div>
  <div style="float: left;">second item</div>
</div>

有什么建议吗？

谢谢！

Answer 1

你可以试试;

.container div{
    width:50%;
    background: green
}

与

<div class="container" style="background: green;width:100%">
  <div style="float: right">first item</div>
  <div style="float: left">second item</div>
</div>

here 是一个现场演示。您也可以尝试为左右div添加单独的类，或者可以使用CSS3 :nth-child() Selector

使CSS Div高度等于内容而不改变宽度

1 个答案: