使div处于比班级更低的位置

Question

因此，我需要让div处于较低的位置，例如

.example {
  top: 10px;
}

和我的Html：

<div class="example" style="top: (...)+10">(...)</div>

显然，这不起作用。但最终我需要

top: 20px;

有一个简单的方法吗？

Answer 1

我想你需要在你的html代码之间使用php代码。您可以在项目中编写相同的代码：

<?php $inc = 10;
echo '<div class="example" style="top: '. $inc . '+10"> Text goes here </div>';
?>

或者，如果需要检测前端和浏览器配置，您可以在jQuery或Javascript上完全相同