2

我的背景没有填满我想要的：它只填在 txt 后面，而不是 div 的整个高度。有两个 div 内联，周围有一个包装器。右边的 div 有一个通过 CSS 的背景。但是填不上。。

它很简单，但我被困住并感到羞愧（或累了和匆忙）-grrr- 让它与 css3 一起工作，但它对我的一些“访问者/客户”等来说是新的。

这里是：

    <style type="text/css">
    <!--
    body {
        font: 100%/1.4  Helvetica, Verdana, Arial, sans-serif;
        background: #FFF;
        margin: 0;
        padding: 0;
        color: #000;
    }
    .container {
        width: 100%;
        background: #FFF;
        margin: 0;
        padding:0; 
    }
    .wrapper {
            display: inline-block;
        width:75%;
        float:right;
        text-align:right;
        margin:0;
        padding:0;
    }        
    .wrapper-img {
        display:inline;
        margin:0;
        padding:0;
        width:7px;
        height:45px;
    }
    .wrapper-content-img {
        display:inline;
        margin:0;
        padding:0;
        width: 100%; 
            height: 45px; 
        background-image:url(images/paper-for-info-menu-right.gif);
        /*background-size:100%;*/
    }
    .stretch {
        width:100%;
        height:100%;
    }
    -->
    </style>
    </head>

    <body>

    <div class="container">

    <p>&nbsp;&nbsp;TEST TEST</p>

        <div class="wrapper">

       <div class="wrapper-img"> 
        <img src="images/paper-for-info-menu-left.gif" width="7" height="45"  alt="" />
            <!-- End wrapper img--></div>

    <div class="wrapper-content-img">
        Lorem Ipsum Test Txt - Where is my background?
        <img src="images/paper-for-info-menu-right.gif" width="" height="45px" alt="" />

    <!-- End wrapper content img--></div>

      <!-- End container --></div>
    </body>
    </html>
4

2 回答 2

0

最明显的解决方案是将 wrapper-content-img 显示属性更改为 inline-block：

.wrapper-content-img {
display: inline-block;}

如果您不喜欢这样做，您可以随时欺骗它（不是那么干净，但仍然有效）调整内容的高度（在这种情况下是填充）：

.wrapper-content-img {
display: inline;
margin: 0;
padding: 13px 0px 14px;
}
于 2013-10-23T23:16:25.340 回答
0

元素的高度始终受其父元素的限制，因此请确保min-height为html和body其他父元素设置。如果您想要全尺寸背景，请考虑设置background-image为body

于 2013-10-23T23:04:12.030 回答