CSS div扩展到整个浏览器宽度

西瓦迪内什

下面的代码DIV #imagemiddle的输出在浏览器全宽之前不会拉伸,我希望顶部的工具栏必须固定,并且下面的div是固定的,position: relative而不是绝对的或固定的。

的HTML

<div id="topbar"></div>
<div id="imagemiddle"></div>

的CSS

#topbar {
    position: fixed;
    display: inline-block;
    top: 0px;
    left: 0px;
    background-color: #2D2D2A;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    height: 42px;
    width: 100%;
    z-index: 5;
    overflow-x: visible;
    overflow-y: visible;
}
#imagemiddle {
    position: relative;
    display: inline-block;
    top: 40px;
    background-color: #4D4D4D;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    height: 44px;
    width: 100%;
    z-index: 0;
    overflow-x: visible;
    overflow-y: visible;
    background-color: "red"
}
C旅行

一个简单的解决方案,您需要margin:0;在CSS中添加到正文中。

body{ margin:0;}

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

CSS宽度100%限于浏览器窗口(它不会扩展到右侧滚动区域)

当我扩展浏览器宽度时,CSS div 向下移动

CSS伪元素扩展到所有屏幕尺寸的整个页面宽度

将画布扩展到整个浏览器窗口

如何将main div扩展到整个浏览器窗口高度?

将 div 中的可点击链接扩展到整个父 li(仅限 CSS)

浏览器整个宽度上的CSS三角形

使用 HTML 和 CSS 在 Wordpress 中将图像(不是背景)拉伸到整个浏览器宽度

CSS:将文本背景扩展到容器宽度

使用CSS和html在整个浏览器中显示Div

css使主要内容div左右的布局cols占据浏览器窗口的整个高度

CSS-父div扩展到子SVG之外

在 CSS 网格中将 div 扩展到其父单元之外

CSS Grid包装器不会扩展到项目大小

如何使固定的导航栏扩展到浏览器的宽度?

我有一个基本的CSS问题,涉及在浏览器的整个宽度上拉伸形状

Safari浏览器中的CSS宽度上限内容

不同浏览器中的CSS悬停宽度样式

使CSS菜单项和标题扩展到正确的宽度

HTML / CSS Div在悬停时扩展到父div之外

如何停止CSS网格宽度超出屏幕宽度,并且浏览器如何计算CSS网格宽度?

使用CSS设置div高度以适合浏览器

反应CSS根div全浏览器高度

CSS div 溢出。(调整浏览器大小时)

CSS-将浮动子级DIV高度扩展到父级的高度

CSS网格列扩展到父级以上,绝对位置Div

CSS-将Div扩展到文本溢出到最近的自动换行

是否存在浏览器的视口宽度(以css像素为单位)可以是分数的浏览器?

弹出div以填充整个浏览器的宽度和高度