使用valign與海誓山盟對齊的div中心：頂部

看看這裏http://www.basenharald.nl/3d。對於家庭的一部分，我穿上了一些黑色的邊框，所以你可以看到我的意思。使用valign與海誓山盟對齊的div中心：頂部

問題：我需要將2個塊（「hey」塊和右邊的部分）在中心位置彼此相鄰放置，並將它們分別放置在外。合理的做法是使用display：inline塊。現在的問題是，它不頂端，所以我不能用邊緣來定位它們。

基本上我想要做的是將「嘿」部分稍微放在左邊，「右邊」部分稍微向右邊和向下放一片。

這樣做的最佳方法是什麼？它需要以視角效果和解決方案的全部時間爲中心。希望我清楚，否則只是問。

這就是我講的是CSS部分：

#home-welkom { text-align:left; width: 465px; margin: 360px 400px 100px; 230px; margin: 0 auto; display: inline-block; color:#787778; font-size:11px; border:1px solid black; } 
#home-right { text-align:left; width: 330px; margin: 50px 0px 0 0; position: relative; margin: 0 auto; display: inline-block; border:1px solid black; }

也不是margin屬性完全不

來源

2011-09-23 Luuk

也許你可以勾畫出你想要的頁面佈局？也只是一個建議 - 「Pssst」並沒有向我說社交媒體，但「分享」的確如此。 –

你能發佈你想修復的確切代碼嗎？ – checkenginelight

感謝您的提示。該草圖是不需要的sinc網站的其他部分應定位，否則。我只需要在整個css中手動定位它們，而不會影響海誓山盟（顯示內容：內嵌塊） – Luuk

影響的div你將不得不重新考慮你的設計策略。這裏有幾個要點：

使用div的，而不是列出來佈局你的頁面（名單是良好的菜單等）
利潤率只能每班使用一次
div的使用浮動定位您的div並排
店的JavaScript的外部這樣你的代碼將是清潔

現在對於你的問題，這是你在找什麼來定位你的元素：

<div id="wrapper" style="position: relative; margin: 0 auto; width: 800px; text-align: left"> 
<div id="leftcol" style="float: left; width: 400px;">left column</div> 
<div id="rightcol" style="float: left; width: 400px;">right column</div> 
</div>

最後我會確保和驗證我的代碼，你可以這樣做，在這裏：http://validator.w3.org/

希望這有助於。

來源

2011-09-23 16:30:05 checkenginelight

這不是真正的答案，但包裝的想法把我帶到了它，因此我將這標記爲正確的答案 – Luuk

使用valign與海誓山盟對齊的div中心：頂部

回答

相關問題