增加div的大小

Question

我正在尝试将一些图片移到表格的左侧，使用class="pull-left"或float: left;不会出现问题float: left; 。 问题是，无论何时使用这些，都无法更改两者之间的距离。 我认为这是因为这两个内部的div太小，所以我试图找到一种方法来增加div的大小，以便可以调整边距和填充。 我还想将图片向下一点移动，由于pull-left和float:left ，这也无法正常工作。

这是HTML：

<div style="marging: 5%; display:inline-block;">
        <img class="pull-left" src="some picture" alt="Öffnungszeiten">

        <table class="wpTbOeffnungszeiten">
            <tr><th colspan="2">Headline</th></tr>
            <tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr>
            <tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr><tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr><tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr><tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr><tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr>  

            <tr><th colspan="2">Headline</th></tr>
            <tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr>
            <tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr>
            <tr>
                <td>Some text</td>
                <td>Some text</td>
            </tr>
        </table>
    </div>
</div>

这是我的CSS：

background-image: url("some image");

.wpTbOeffnungszeiten {
    margin: 5%;
}

th {
    color: $red;
    font-weight: bold;
}

Answer 1

对于.pull-left类的类，我假设您将Bootstrap集成到项目中，但是示例代码中没有CSS。 但是，以该假设运行，在<table>添加.pull-right并为父<div>提供有效width （其内联display: inline-block样式为display: inline-block ）可以解决此问题。

检查您的拼写，以及，同样的内嵌样式有你的一个错字margin