Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么HTML元素占用的空间比它应该占用的空间大得多?_Html_Css - Fatal编程技术网

为什么HTML元素占用的空间比它应该占用的空间大得多?

为什么HTML元素占用的空间比它应该占用的空间大得多?,html,css,Html,Css,我在使用CSS放置的页面上有一点文本 这是div类: <div id="alpha"> Alpha </div> 问题是CSS导致整个页面变宽。在此代码之前,您无法在浏览器中水平滚动。现在,我添加了CSS(我已经将它与特定的CSS隔离),浏览器允许向右滚动,就好像有一些不可见的图像一直向右突出一样 有什么想法吗?试试这个: #alpha { margin-bottom: 72px; margin-left: 50px; } div是块元素;宽度将是整

我在使用CSS放置的页面上有一点文本

这是
div
类:

<div id="alpha">
Alpha
</div>
问题是CSS导致整个页面变宽。在此代码之前,您无法在浏览器中水平滚动。现在,我添加了CSS(我已经将它与特定的CSS隔离),浏览器允许向右滚动,就好像有一些不可见的图像一直向右突出一样

有什么想法吗?

试试这个:

#alpha {
    margin-bottom: 72px;
    margin-left: 50px;
} 

div是块元素;宽度将是整个页面的宽度,除非您指定宽度

这里有一个例子

js fiddle的链接必须附带代码。这是一个代码块。
hoot
尝试将
溢出:隐藏
添加到您的
正文
样式中


div
是100%宽的,因此当您将其向右移动时,它不再适合窗口,这就是为什么会出现滚动条。

我要添加的是,宽度是其父元素的整个宽度,如果没有父元素,则为页面。
#alpha {
    margin-bottom: 72px;
    margin-left: 50px;
}