如何讓div停留在另一個div的邊上？

我想讓一個div停留在另一個div的邊上。我的主要div位於頁面的中心。我想讓另一個div留在一邊。 http://jsfiddle.net/vgd9yr5s/1/如何讓div停留在另一個div的邊上？

<body> 
<div id="Home"> 
    <img src="Home.png" alt="Main div"> 
</div> 
<div id="Left"> 
    <img src="Left.png" alt="Left div"> 
</div>

body { 
    padding-top: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding: 0px; 
    margin: 0px; 
    background: #000000; 
} 
#Home { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -128px; 
    margin-left: -128px; 
    width: 256px; 
    height: 256px; 
}

這是多遠，我已經得到了。對不起，新手問題。

來源

2014-11-01 Draganko

請看看CSS的float屬性，google下次發貼之前已經多次回答過這個問題。 Refere [this]（http://stackoverflow.com/questions/18531895/how-to-make-two-divs-float-side-by-side） – M4ver1k 2014-11-01 19:44:36

看看display：inline-block吧。 – Christina 2014-11-01 19:45:18

如果要保持絕對定位，可以對第二個div使用相同的設置並設置margin-left: 0。

#Left { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -128px; 
    margin-left: 0; 
    width: 256px; 
    height: 256px; 
}

小提琴：http://jsfiddle.net/vgd9yr5s/5/

來源

2014-11-01 19:45:45 emmanuel

謝謝！這正是我想要的。榮譽給你！ – Draganko 2014-11-11 20:57:03

很高興聽到這一點，歡迎您！ – emmanuel 2015-08-09 00:00:31

使用float:left CSS屬性。這裏有一個簡單的例子頁：

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
     <title>Example Page</title> 
     <style>div {float:left; background:yellow; margin:3px;}</style> 
    </head> 
    <body> 
     <div>Hello, World!</div> 
     <div>Spam, Spam, wonderful spam...</div> 
    </body> 
</html>

來源

2014-11-01 19:47:19 GoBusto

http://jsfiddle.net/vgd9yr5s/4/ /你可以看到的圖片。我想讓左邊的圖片留在中心位置附近。/

body { 
    padding-top: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding: 0px; 
    margin: 0px; 
    background: #000000; 
} 
#Home { 
    position: relative; 
    float:right; 

    width: 256px; 
    height: 256px; 
} 
#left{ 
position:relative; 
    float:left; 


}

這是你想要達到的目標嗎？

來源

2014-11-01 19:48:14

不，可悲的是它不是:( – Draganko 2014-11-11 20:56:01

如何讓div停留在另一個div的邊上？

回答

相關問題