Question

我正在为＆＃34;联系我们编写代码＆＃34;我们网站的页面。现在我想在网站右侧显示左侧的详细信息和地址图（我从谷歌地图中复制）。但是地图图像位于页面的顶部，而详细信息位于页面底部。我怎么解决这个问题？

以下是代码：

<html> 
    <div class="scroll">
        <div class="child"></div>
    </div>

    <address style="font-weight: bold">
        <h4>     "   "  </h4>
        <h4>Mark Doug</h4>
        <p><a href=" ">Mark.doug2010@abcd.in</a></p>
        <p>H-445,Silver square street<br /> </p>
        <p> CA</p>
    </address>

    <style>
    .scroll{
        overflow:scroll;
        width:500px;
        height:357px;
        margin-left:682px;
        margin-bottom:700px;
        margin-top: 0px;
    }
    .child{width:1000px;height:1000px;background-image:url(vit.png);}
    </style>
</html>

此外，当我试图获得＆＃34; vit.png＆＃34;图像到顶部，文本自动转到底部。

我已经尝试将div class="scroll"放在地址标记内，但结果仍然相同。

Answer 1

尝试使用css规则.element {float:left}，但也请指定宽度，因为默认情况下您的内容宽度为100％。所以它应该是.element {width:400px; float:left}

希望有所帮助

我没有收到我的文字和并排滚动图片？

1 个答案: