javascript - div 周围的 anchor 使其可以在 div 本身之外单击

Question

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

div 有一个从右侧进入的滑动标签，带有随机生成的电影，整个标签应该可以点击以重定向到电影的 imdb 页面。 我已经阅读了它并尝试了使 div 成为“display: table-caption”的解决方案，它确实解决了这个问题，但是带来了无数其他问题，我必须在左边整合一个边距(它将 div 粘到最左边)，它适用于我的特定屏幕，但随着屏幕/缩放的最小变化而完全偏离中心。

这样做有更优雅的解决方案吗？当将 div 的显示设置为“表格标题”时，我根本无法正确定位，其他任何方法都不起作用。

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;
    }