Question

我在我的网站上制作了一个盒子，但在制作盒子后，我所做的一切都发生在盒子的底部。我想在盒子的另一边工作。这是演示代码

<html>
    <head>
        <style>
            div {
                background-color: lightgrey;
                width: 200px;
                padding: 25px;
                border: 3px light grey;
                margin: 25px;
            }
        </style>
    </head>

    <body>
        <img src="s.png" style="width:900px;height:100px" />
        <div>
            how to work on the<br/>
            other side of box
        </div>
        <p>
            the paragraph i am wriiting i want this on the other side of my box
        </p>
    </body>
</html>

Answer 1

你需要浮动你的Div和Paragraph。这是你正在寻找的盒子的另一面吗？

Answer 2

我想你想把div / box“浮动”到左/右。

float:left;

见这里：http://jsfiddle.net/p9y9v4kz/

Answer 3

为什么不用表

<table>
            <tr>
                <td>
                    how to work on the other side of box
                </td>
                <td>
                    the paragraph i am writing i want this on the other side of my box
                </td>
            </tr>
        </table>

Answer 4

其他方，你的意思是说左边还是右边？

您需要使用float:left或float:right。

Fiddle

如何在盒子的另一边工作

4 个答案: