我沒有讓我的文字和滾動圖像並排？

我正在爲我們網站的「聯繫我們」頁面編寫代碼。現在我希望我的詳細信息在左側，地址圖（我從谷歌地圖複製）在網站的右側。但是地圖圖片位於頁面的頂部，而底部的細節位於頁面的頂部。我該如何解決這個問題？我沒有讓我的文字和滾動圖像並排？

下面的代碼：

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

    <address style="font-weight: bold"> 
     <h4>  " " </h4> 
     <h4>Mark Doug</h4> 
     <p><a href=" ">[email protected]</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>

此外，當我試圖讓「vit.png」圖像頂部，文字自動進入底部。

我已經嘗試將地址標記內的div class="scroll"，但仍然是相同的結果。

來源

2014-05-08 Siddharth

使用CSS'浮動：左| right' https://developer.mozilla.org/en-US/docs/Web/CSS/float –

相同的結果。：/ – Siddharth

你可以嘗試在這裏創建一個小提琴http://jsfiddle.net –

嘗試使用css規則.element {float:left}，但也指定寬度，因爲默認情況下您的內容寬度爲100％。所以它應該像.element {width:400px; float:left}

希望它可以幫助

來源

2014-05-08 09:02:20 babusi

我沒有讓我的文字和滾動圖像並排？

回答

相關問題