Question

我想创建2列链接，但我不能让第二个div（右列）移动到第一个div（左列）旁边。也不是为这个小页面创建样式表。

<div class="container" style="height: 700px;">
<div class="left-column" style="float: left; padding-left: 150px; display: inline-block;">
 <h3 style="padding-top: 20px;">Getronics</h3>
  <ul style="text-decoration: underline;">
   <li><a href="#">Home</a></li>
   <li><a href="#">About Us</a></li>
  <ul style="margin-left: 50px; text-decoration: underline;">
    <li><a href="#">Meet the executive team</a></li>
    <li><a href="#">History</a></li>
    <li><a href="#">Getronics Workspace Alliance</a></li>
    <li><a href="#">ISO/ITIL Accreditions</a></li>
    <li><a href="#">Green Agenda</a></li>
  </ul>
  </ul>
 <ul style="text-decoration: underline; ">
  <li><a href="#">Location & Contact Us</a></li>
  <li><a href="#">Working For Us</a></li>
 </ul>   
</ul>
<h3>Our Customers</h3>
<ul style="text-decoration: underline; margin-left: 50px;">
  <li><a href="#">Case Studies by Sector</a></li>
  <li><a href="#">Case Studies by Solution</a></li>
  <li><a href="#">Video Case Studies</a></li>
  <li><a href="#">Case Study App</a></li>
</ul>
<ul>      
 <li style="text-decoration: underline;"><a href="#">Our Partners</a></li>
</ul>
<h3>Knowledge Share</h3>
<ul style="text-decoration: underline; margin-left: 50px;"> 
 <li><a href="#">Whitepapers</a></li>
 <li><a href="#">Getronics TV</a></li>
 <li><a href="#">Latest News</a></li>
 <li><a href="#">Infographics</a></li>
</ul>

<div class="right-column" style="float: left; display: inline-block;">
 <h3>Our Solution</h3>
<ul>
 <li><a href="#">Workspace</a></li>
</ul>
<ul>
 <li><a href="#">On Premise and WaaS</a></li>
 <li><a href="#">Deployment & System Migration</a></li>
 <li><a href="#">Managed Print</a></li>
 <li><a href="#">Mobile Workspace</a></li>
</ul>
</div>


</div>
</div>

感谢任何帮助，我知道我只是错过了一些简单的东西

Answer 1

您没有关闭<div class="left-column"> whith </div>

所以，只需添加

即可

</div>

前

<div class="right-column" style="float: left; display: inline-block;">

同时避免使用内联的 CSS 代码，尝试将其写入<style>代码或单独的 CSS 文件中。

希望这会对你有帮助..

不能让我的div显示为内联

1 个答案: