围绕div的锚定使其可以在div本身之外点击

Question

在这里编程初学者，我在解决这个问题时遇到了很多麻烦，锚点可以在我的div之外点击。

div有一个滑动标签，右边有一个随机生成的胶片，整个标签应该可以点击，重定向到电影的imdb页面。    我已经阅读了它并尝试了制作div＆＃34; display：table-caption＆＃34;的解决方案，这确实解决了这个问题，但提出了无数其他问题，我必须在左边集成一个边距（它会将div粘贴到最左边），这适用于我的特定屏幕，但在最小的屏幕/缩放变化时完全偏离中心。

这样做有更优雅的解决方案吗？在使div显示为＆＃34; table-caption＆＃34;时，我根本无法获得正确的定位，并且没有其他工作。

div的HTML：

<a id="filmAnchor" target="_blank">
<div id="replyDiv" class="blood">
<div id="newreplyDiv">
</div>
</div>
</a>

提前感谢您提供的任何帮助！这是该项目的代码：

http://codepen.io/ankee/pen/qqOJXa

Answer 1

试试这个。

    #filmAnchor {
     max-width: 1000px;
     display:block;
     margin:auto;
    }
    #newreplyDiv {
     //remove width:1000px;
    }