將div放在頁面的每個角落？

我無法在網頁的每個角落放置4個不同的div，我不知道您是否需要我的html/css代碼，但是如果您只是發表評論，我會提出。將div放在頁面的每個角落？

如果你知道如何把它放在jsfiddle上，那會很好。

2011-09-09 Henry-95

我認爲這是更快，如果你把任何你有在http://jsfiddle.net上給我們修復。 – adarshr

請參閱：http://jsfiddle.net/V6ysC/ – user194076

你需要的不僅僅是這個以外的東西：

<html> 
<body> 
<div style="position:absolute; bottom:20; right:20;">bottom right</div> 
<div style="position:absolute; top:20; right:20;">top right</div> 
<div style="position:absolute; bottom:20; left:20;">bottom left</div> 
<div style="position:absolute; top:20; left:20;">top left</div> 
</body></html>

？

來源

2011-09-09 16:17:34 Aerik

使用類似這樣的標記：

<div class="box top left"></div> 
<div class="box top right"></div> 
<div class="box bottom left"></div> 
<div class="box bottom right"></div>

您可以使用下面的CSS：

.box { 
    position: absolute; 
    background-color: red; 
    width: 100px; 
    height: 100px; 
} 
.box.top { top: 0; } 
.box.right { right: 0; } 
.box.left: { left: 0; } 
.box.bottom { bottom: 0 }

這是在行動：http://jsfiddle.net/PvUNT/

來源

2011-09-09 16:19:16 jmar777

將div放在頁面的每個角落？

回答

相關問題