超链接不会影响帖子的所有区域

Question

我有一个wordpress帖子链接和列表项目（每个帖子）我有超链接，但问题是mu超链接变为宽度和高度为0并且所有帖子的帖子都不可链接，但是在源代码中从浏览器我可以看到它显示更多的超链接，并且它们在打开时关闭，因此它们的宽度和高度为0，只是标题和内容超链接影响它们并使它们可链接，在代码中再次注意我只有一个超链接。 / p>

EDITED

不知怎的，我有更多链接显示，即使我有一个包装所有内容，在浏览器上显示更多链接，如果我删除那个，他们都删除

<li>
    <a class = "posts_link" href="www.google.com">
        <div class = "posts">
                <h2><?php the_title(); ?></h2>
                <div class = "posts_list">
                    <?php the_content('Read more...');?>
                    <div class = "clear"></div>
                </div>
                <div class = "addition">
                    <div class = "add_time">
                        <time datetime="<?php the_time( 'Y-m-d' ); ?>" pubdate><?php the_date(); ?> <?php the_time(); ?></time>
                    </div>
                    <div class = "add_comment">
                        <?php comments_popup_link('Leave a Comment', '1 Comment', '% Comments'); ?>
                    </div>
                    <br />
                </div>
        </div>
        </a>
</li>

Answer 1

很难从这个屏幕上看出来，但你是否添加了display：block to your a href？如果你想要一个区域链接，你需要替换默认显示：内联到阻止..

Answer 2

你的问题是那个

1. 您正在使用foreach循环

2. 此链接未提供任何文字

直到链接提供了文本，其高度和宽度根本没有任何意义。因为没有什么可以点击。但是添加一点填充可能会起作用。

http://jsfiddle.net/afzaal_ahmad_zeeshan/Jes6e/

a {
  padding: 5px; // to make it clickable
  border: 1px solid #333; // to make it visible..
}

在小提琴中，您将看到链接没有宽度或高度，但仍然可以点击。为什么？因为它为元素创建了一些可点击的空间。

如果没有空格，则无法点击任何内容，因此没有链接任何元素。

我已经测试了你的代码，

http://jsfiddle.net/afzaal_ahmad_zeeshan/8NdnF/这是小提琴。你猜怎么着？整个元素是可点击的。

Answer 3

如果您想要做的就是让整个div可以点击，那么肯定有更好的方法。其中一个会给你的div添加一个onclick函数并编写函数，可以是window.open或location.href，两者都可以完成这项工作。