宽度属性不起作用

Question

我正在尝试将这篇文章分成两部分，两个部分并排运行 - http://launique.co.uk/services-test/

但不幸的是，只有.card-picture似乎遵循宽度：50％属性，但是对于.card-text类，它不是......

向建议开放，提前感谢您的意见。

Answer 1

最初只删除.card-picture

的填充和边距

.card-text { width: 50%; float: left; }

.card-picture { width: 50%; float: left; }

同等地调整.card-picture的边距和填充以及宽度

Answer 2

我建议将两个元素的宽度更改为：

width: calc(50% - 140px)

这意味着元素的宽度将动态调整，并将修复边距和填充的问题。