我正在尝试编辑在左侧具有图像而在右侧具有文本内容的代码。文本内容下方有一个按钮。我要使用width = percentage尝试做的是创建第三列,在其中将按钮和其他文本放入其中。

我已将代码发布到jsFiddle中,以更好地理解。

http://jsfiddle.net/cm9UC/

.blog-post {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #eee;
}


更好的解释

假设现在有两列。第一个是图片,第二个是文本。我想做的是减小文本的宽度,这样我就可以占用创建的空间并将其设为第三列。新列中应包含按钮。

最佳答案

您需要做的就是将h2和p包裹在一个div中,将按钮包裹在另一个div中。
并为其定义宽度,并对每个宽度使用{float:left;}。

它肯定会工作。

关于html - 无法在此HTML代码中创建第三列。这该怎么做?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22086445/

10-12 06:45