php - 我将如何设置横幅或如何从我的页面中删除此空间

标签 php html css

enter image description here my panel banner

您好..我制作了这个面板,但标记为红色的是空格...我无法从该页面中删除该空格。

或者如果我可以设置一个横幅,它会很适合。

以下代码供引用...

 </head>
  <body>
    <div class="container">
    <div><h2 style="background-color:#00CCCC" align="center" "height:50px" width="550px" >SMS Panel</h2></div>
      <div class="col-sm-2">
          <ul class="nav nav-pills nav-stacked" style="background-color:#FFCCFF">
            <li class="active"><a href="#">Subscriber info and message</a></li>
            <li class="dropdown">
              <a href="#">Home</a>
              </li>
            <li><a href="#">Show subscriber</a></li>
            <li><a href="#">unknown menu</a></li>
          </ul>

最佳答案

如果不看完整的代码,很难说出确切的问题是什么。我会尝试一下。这可能是因为您没有为面板重置 CSS。默认情况下,许多 HTML 元素具有非零边距。您可以阅读有关 CSS 重置的更多信息 here .

要解决此问题,您可以为面板正下方的元素提供适当的负边距顶部。它在 IE7 和旧版浏览器中会出现问题,但在所有现代浏览器中都可以使用。要找到问题的真正根本原因,您需要在 Chrome 检查器或 Firebug 中检查面板元素,并需要检查面板或其正下方的元素是否有任何边距或填充。

更新: 根据给定的 fiddle ,您需要添加以下规则

h2, ul {
    margin: 0; 
} 

Updated fiddle link

关于php - 我将如何设置横幅或如何从我的页面中删除此空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27665069/

相关文章:

php - 在本地主机、Wordpress 和自定义字段上重写 img src url

java - 执行 php 文件从 SQL 数据库获取信息时如何上传数据用作过滤器?

javascript - 将返回的 SQL 数组与随机结果选择器结合使用

html - 使用 CSS 的向内透明箭头

jquery - 是否有任何 jQuery 插件可以提供与 www.squarespace.com 菜单类似的结果?

php - Elasticsearch 的 OR 条件

html - 如何使用 vbscript 在 HTML 中输出函数

javascript - 如何在 Javascript 中获取类值

javascript - Python Selenium 按钮未被点击

python - 使用样式和 css 更改 pandas 数据框 html 表 python 中文本的颜色