使用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属性完全不

也许你可以勾画出你想要的页面布局？也只是一个建议 - “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/

希望这有助于。

这不是真正的答案，但包装的想法把我带到了它，因此我将这标记为正确的答案 – Luuk

使用valign与海誓山盟对齐的div中心：顶部

相关推荐