Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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定义HTML中元素的样式: #导航{ 浮动:左; 明确:两者皆有; 宽度:100%; 高度:50px; 保证金:0; 填充:0; 背景:#3E6ECE; } 但是,由于某些原因,页面呈现为白色边框,如下图所示: 谁能解释一下我做错了什么?我怎样才能让蓝条穿过窗户的整个宽度 以下是我的HTML结构,仅供参考: 尝试删除body元素上的padding+margin是的,在发布此内容后不久才意识到这一点。

我有以下CSS定义HTML中
元素的样式:

#导航{
浮动:左;
明确:两者皆有;
宽度:100%;
高度:50px;
保证金:0;
填充:0;
背景:#3E6ECE;
}
但是,由于某些原因,页面呈现为白色边框,如下图所示:

谁能解释一下我做错了什么?我怎样才能让蓝条穿过窗户的整个宽度


以下是我的HTML结构,仅供参考:



尝试删除body元素上的padding+margin

是的,在发布此内容后不久才意识到这一点。