Html右浮动_Html_Css - Fatal编程技术网

Html右浮动

html css

Html右浮动,html,css,Html,Css,Hy，我对html编程非常陌生，我正在尝试创建一个网站。问题是，我不明白为什么我的菜单和图像的右边会有一个空白，即使我将宽度设置为100%。我使用的是谷歌浏览器。以下是html代码： <!DOCTYPE html> <html> <head> <link rel='stylesheet' href='style.css'/> <script src='script.js'></script> <

Hy，我对html编程非常陌生，我正在尝试创建一个网站。问题是，我不明白为什么我的菜单和图像的右边会有一个空白，即使我将宽度设置为100%。我使用的是谷歌浏览器。以下是html代码：

<!DOCTYPE html>
<html>
<head>
    <link rel='stylesheet' href='style.css'/>
    <script src='script.js'></script>
    <title>Home</title>
</head>
<body>
    <nav>
        <ul>
            <li><a href = "#">Contact</a>

            </li>
            <li><a href = "#">Muzica</a></li>
            <li><a href = "#">Evenimente</a>
                <ul>
                    <li><a href = "#">Intalnire cu fanii</a></li>
                    <li><a href = "#">Concerte</a></li>
                    <li><a href = "#">Lansari</a></li>
                </ul>
            </li>
            <li><a href = "#">Bio</a>
                <ul>
                    <li><a href = "#">Formatia</a></li>
                    <li><a href = "#">Istoric</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    <div>
        <img src = "beregratis.jpg" height=100% width=100% />
    </div>
</body>
</html>

下面是图片的链接：

试试css重置，有很多，比如这个

或者只是在样式表的开头添加这个*{margin:0；padding:0；}这会将所有元素重置为margin和padding 0，如果你遇到这种问题，最好的办法是在浏览器中使用开发者工具，转到metrics，看看空白空间是什么，例如在google chrome中，如果该空间显示为绿色，那么它就是一个paddin，如果它是橙色是边距

请尝试css重置，其中有很多，就像这一个

html，body{margin:0；}

，因为一些浏览器会向该元素添加边距

主要问题您正在经历：

您在几个元素（

.nav ul

和

.div

）的左侧添加了一个负边距，因此它们不能一直向右移动，因此图像和导航栏的右侧有一个空白

这是我在此

中更正的代码。首先，您应该添加

html，body{margin:0；}

，因为一些浏览器会向该元素添加margin

主要问题您正在经历：

您在几个元素（

.nav ul

和

.div

）的左侧添加了一个负边距，因此它们不能一直向右移动，因此图像和导航栏的右侧有一个空白

这是我在此

中更正的代码。首先，您应该添加

html，body{margin:0；}

，因为一些浏览器会向该元素添加margin

主要问题您正在经历：

您在几个元素（

.nav ul

和

.div

）的左侧添加了一个负边距，因此它们不能一直向右移动，因此图像和导航栏的右侧有一个空白

这是我在此

中更正的代码。首先，您应该添加

html，body{margin:0；}

，因为一些浏览器会向该元素添加margin

主要问题您正在经历：

您在几个元素（

.nav ul

和

.div

）的左侧添加了一个负边距，因此它们不能一直向右移动，因此图像和导航栏的右侧有一个空白

这是我在1）添加中更正的代码

  html, body {
    margin: 0;
    padding: 0;
  }

这将删除html和body元素的浏览器默认值。

2）对于菜单，请删除

左边距：-10px位于导航ul
下
左边的-10px边距将菜单向左拉
1）添加
  html, body {
    margin: 0;
    padding: 0;
  }

这将删除html和body元素的浏览器默认值。






2）对于菜单，请删除
左边距：-10px位于导航ul
下
左边的-10px边距将菜单向左拉
1）添加
  html, body {
    margin: 0;
    padding: 0;
  }

这将删除html和body元素的浏览器默认值。






2）对于菜单，请删除
左边距：-10px位于导航ul
下
左边的-10px边距将菜单向左拉
1）添加
  html, body {
    margin: 0;
    padding: 0;
  }

这将删除html和body元素的浏览器默认值。






2）对于菜单，请删除
左边距：-10px位于导航ul
下
左边的-10px边距将菜单向左拉
尝试使用CSS重置，因为所有浏览器的行为都是相同的。我只是试图删除ul中左边的负片空白
，空格消失了。下面是代码
尝试对所有浏览器使用CSS重置，使其行为相同。我只是试图删除ul中左边的负片空白
，空格消失了。下面是代码
尝试对所有浏览器使用CSS重置，使其行为相同。我只是试图删除ul中左边的负片空白
，空格消失了。下面是代码
尝试对所有浏览器使用CSS重置，使其行为相同。我只是试图删除ul中左边的负片空白
，空格消失了。这是代码
，如果可以的话，这是您修改后的结果：您缺少div
上的负边距，这是白色的原因