【发布时间】：2015-01-08 08:55:03
【问题描述】：
在下面的代码中，我希望两列从同一行开始。右侧似乎有换行符。任何想法如何解决它？我想这对于这里的 CSS 专家来说是一件容易的事。
以及如何使右列的高度为父 div 的 100%。我尝试将其设置为100%，但是边框超出了div的边界线。
代码：
<div style="width:550px; padding:0 20px 20px 20px; background:#fff; margin:0 auto; border:3px #000 solid;
moz-border-radius:5px; -webkit-border-radus:5px; border-radius:5px; color:#454545;line-height:1.5em; " id="email_content">
<div style="border-top:1px solid #eee;padding:5px 0 0 0;" id="email_footer">Information</div>
<h1 style="padding:5px 0 0 0; font-family:georgia;font-weight:500;font-size:24px;color:#000;">Headline</h1>
<div style="float:right;margin: 0px 20px 15px 15px;padding:0px 0px 0px 10px;width:150px;height: 50;border-left: 1px solid #000000;"><p>test</p></div>
<p style="color: #000000;">test</p>
</div>
截图：
【问题讨论】：
-
如果您检查所涉及的元素，并让它显示元素的边距，您会清楚地看到:)
-
看起来如果我删除右栏中的
<p>标签，它就可以工作。但我真的很难找到更好的解决方法。我应该有一个 div 用于左侧，一个用于右侧吗？ -
这可能行得通，是的。