列表中的某些超链接不可单击
列表中的某些超链接不可单击
提问于 2017-02-23 04:10:03
我是html的新手，所以请不要介意糟糕的编码。
我已经在我的wordpress页面上创建了一个链接列表，但由于某些原因，前几个链接无法点击。它们在这里看起来很好，但在我的页面上，它们突然停止工作
下面是我的HTML中有问题的部分：
.parent {
text-align: left;
}
.parent > ul {
display: inline-block;
}<div class="parent" style="text-align: left; margin-left:0 auto; margin-right:0 auto; position: relative; top: +0px; right: 10px;">
<ul style= "font-size: 20px;">Public Open Sessions:
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-11" target="_blank" !important>April 11-13, Mississauga, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-18" target="_blank">April 18-20, Atlanta, USA</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-25" target="_blank">April 25-27, Calgary, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-2" target="_blank">May 2-4, Vancouver, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-9" target="_blank">May 9-11, Philadelphia, USA</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-16" target="_blank">May 16-18, Washington, DC, USA</a></li>
<li = style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-23" target="_blank">May 23-25, Dallas, USA</a></li>
</ul>
</div>
奇怪的是，前3个链接不起作用，而下4个链接起作用。但是如果我把它移到页面的另一部分，它就会突然起作用。这是因为页面上的其他东西吗？
下面是完整的html，以防需要：
.parent {
text-align: left;
}
.parent > ul {
display: inline-block;
}<p style="text-align: center; font-size: 40px; color: black"> BlackBerry Open Sessions</p>
<p style="text-align: left;"><img class="alignnone size-full wp-image-1950" src="http://www.ktsglobal.ca/wp-content/uploads/2016/06/ps-1-e1478718264230.png" alt="ps" width="1766" height="569" /></p>
<p style="text-align: left; line-height:2px">Our public open sessions consists of instructor-led training and hands-on virtual labs. Participants will learn to Plan, Deploy and Manage BlackBerry UEM or BES12</p>
<p style="text-align: left; line-height:2px">with one of our certified instructors. Make sure to check back regularily to see our updated list of events.</p>
<hr />
<p style="text-align: center; font-size: 24px;"><img class="wp-image-1922 alignleft" src="http://www.ktsglobal.ca/wp-content/uploads/2016/11/shutterstock_196196186-e1478532776565.jpg" alt="shutterstock_196196186" width="505" height="346" /> Upcoming Public / Virtual Events:</p>
<p style="text-align: center; font-size: 18px;"></p>
<div class="parent" style="text-align: left; margin-left:0 auto; margin-right:0 auto; position: relative; top: +0px; right: 10px;">
<ul style= "font-size: 20px;">Public Open Sessions:
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-11" target="_blank" !important>April 11-13, Mississauga, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-18" target="_blank">April 18-20, Atlanta, USA</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-25" target="_blank">April 25-27, Calgary, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-2" target="_blank">May 2-4, Vancouver, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-9" target="_blank">May 9-11, Philadelphia, USA</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-16" target="_blank">May 16-18, Washington, DC, USA</a></li>
<li = style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-23" target="_blank">May 23-25, Dallas, USA</a></li>
</ul>
</div>
<div class="parent" style="margin-left:0 auto; margin-right:0 auto;position: relative; top: -238px; right: -380px;">
<ul style= "font-size: 20px;">Virtual Sessions:
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/uem-vilt-march-29-public-session" target="_blank">March 29-31</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/uem-vilt-april-12-public-session" target="_blank">April 12-14</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/uem-vilt-april-26-public-session" target="_blank">April 26-28</a></li>
</ul>
</div>
<p style="text-align: right; font-size: 20px; position: relative; top: +0px; right: 10px;">Click the training session you'd like to join to see more and sign up.<p/>
<hr style="position: relative; top: -30px;"/>
<img class="wp-image-1949 alignright" src="http://www.ktsglobal.ca/wp-content/uploads/2016/06/las-vegas-signs-clouds-blue-sky-1920x1080-e1478718166731.jpg" alt="las-vegas-signs-clouds-blue-sky-1920x1080" width="486" height="392" />
<p style="text-align: center; font-size: 24px;">Coming Soon</p>
<p style="font-size: 18px;">We are planning a special 3-day BlackBerry UEM training event in Las Vegas.</p>
<p style="font-size: 18px;">The training will focus on some new and exciting features of BlackBerry UEM.</p>
<p style="font-size: 18px;">Feel free to contact our team for more information. We hope to see you there!</p>
<hr style="position: relative; top: 20px; width:100%;"/>
<p style="text-align: center;font-size: 20px"><a href="http://www.ktsglobal.ca/course-sign-up-form/"><strong><span style="color: #0020c2;">Contact us for more info</span></strong></a></h4></p>
它看起来一团糟，但相信我，它在页面上是有效的。
任何帮助都是很好的，提前谢谢你！
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-02-23 04:19:06
我想我找到了。试试这个：
.parent {
overflow: auto;
}你的第二个“父”div掩盖了你的链接。您的代码实际上非常基础，所以这可能不是解决它的最好方法，但在这一点上它将为您工作。
Stack Overflow用户
发布于 2017-02-23 04:30:50
我试过了，它工作得很好，甚至在上面的网页链接中也是如此。我看不出有什么问题。然而，我发现了一个打字错误(?)在最后一个<li>中
<li = style="font-size: 16px;">它应该是：
<li style="font-size: 16px;">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42401296
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号