我是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>
它看起来像一团糟，但相信我，它适用于页面。
任何帮助都会很棒，提前谢谢你！
答案 0 :(得分：0)
想想我找到了。 试试这个：
.parent {
overflow: auto;
}
你的第二个父母＆＃34; div正在掩盖你的链接。你的代码实际上是非常基本的，所以这可能不是解决问题的最佳方法，但此时它对你有用。
答案 1 :(得分：0)
我尝试过它并且工作正常，即使在上面的网页链接中也是如此。我没有看到任何问题。但是，我在最后<li>
<li = style="font-size: 16px;">
应该是：
<li style="font-size: 16px;">