标签和标签内容之间的空格

Question

I have the following code: 我有以下代码：

<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap</title>

    <!-- Le styles -->
    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">

    <body>
      <div class="container">

      <!-- Le content -->
      <div class="row">
        <div class="container-fluid">
          <div class="sidebar" style="border:1px solid #000">
            <img style="padding:5px 0px 0px 5px;" src="http://placehold.it/200x300" alt="">
          </div>
          <div class="content" style="border:1px solid #000">
            <ul class="tabs" data-tabs="tabs">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#">Profile</a></li>
              <li><a href="#">Messages</a></li>
              <li><a href="#">Settings</a></li>
              <li><a href="#">Contact</a></li>
            </ul>
            <div class="tab-content">
              <div class="active" id="home">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rutrum tortor sapien. Vestibulum risus nunc, elementum id adipiscing eu, dictum eu ipsum. Aliquam ac ligula lacus. Mauris eleifend eleifend magna, ut tincidunt leo consequat quis.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

I used inline styles because i am only testing. 我使用内联样式，因为我只测试。 There is a huge space between tabs and content. 标签和内容之间有很大的空间。 What causes this and how to fix? 是什么导致这种情况以及如何解决？

Answer 1

Remove the clear:both declaration at .tab-content , by adding the following code after your <link rel=..> element: 通过在 <link rel=..>元素之后添加以下代码，删除.tab-content处的clear:both声明：

  <style>
    .tab-content {
      clear: none;
    }
  </style>

Also, don't forget to add the closing </head> tag. 另外，不要忘记添加结束</head>标记。 Fiddle: http://jsfiddle.net/gAJ2T/ 小提琴： http ： //jsfiddle.net/gAJ2T/

标签和标签内容之间的空格

问题描述

1 个解决方案

解决方案1
1 已采纳 2011-10-25 19:14:51

标签和标签内容之间的空格

问题描述

1 个解决方案

解决方案1 1 已采纳 2011-10-25 19:14:51

解决方案1
1 已采纳 2011-10-25 19:14:51