相关疑难解决方法(0)

html,css - 图片下面的奇怪的隐形边距

我在这里去香蕉,不知怎的,在我的页面中我的所有图像下面都有一个间隙,代码中没有边距.甚至Firebug都看不到它,但Firefox和Safari正在渲染它 - 即使没有CSS也没有!

从来没有发生在我身上......!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Paranoid</title>
<link rel="stylesheet" href="includes/style.css" type="text/css" />
</head>
<body>

    <div id="container">
        <div id="sidebar">
            <img src="images/logo.png" id="logo" />
            <ul id="menu">
                <li class="menu1">Main</li>
                <li class="menu1">System</li>
                <li class="menu1">View</li>
                <li class="menu1">Policy</li>
            </ul>
            <div id="sidebar_bottom"></div>
        </div>
        <div id="main_content"></div>
        <div class="clear"></div>
    </div>

</body>
</html>

body{
    background: #497e9f url(../images/bg.png) repeat-x top;
}
#container{
    width:864px;
    margin: 8px auto 0 auto;
}
#sidebar{
    /*width:139px;*/
    float: left;
}
#sidebar_bottom{ …
Run Code Online (Sandbox Code Playgroud)

css image margin

29
推荐指数
4
解决办法
2万
查看次数

标签 统计

css ×1

image ×1

margin ×1