具有 width:100% 属性的 div 右侧的空白区域

艾哈迈德

在我用作顶栏的 div 右侧有一个空格。我希望它 100% 水平地覆盖页面,但页面右侧的那个小空间似乎无处不在。

我尝试将padding:0;添加margin:0;到 body 属性,但没有用。

空间形象

因为我一直在重新设计页面,所以没有其他 CSS 可以发挥作用。

body {

    background-image:url(images/background-awcc.png);
    background-repeat:no-repeat;
    background-size:100%;
    background-attachment: fixed;
    background-position: center; 
    padding: 0 !important;
    margin: 0 !important;

}

/* Top Menu All Pages */

.topmenu {

    padding:30px;
    background-color:rgba(55, 21, 21, 1);
    border-right:solid rgba(55, 21, 21, 1);
    margin-left:-9px;
    margin-top:-9px;
    text-align:center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing : border-box;
}

.topmenulink {

    padding:30px;
    color:antiquewhite;
    text-decoration:none;
}

.topmenulink:visited  {

    text-decoration:none;
    color:burlywood;

}

.topmenulink:hover  {

    background-color:darkgoldenrod;
    color:black;

}
    <div id="wrapper">
        <div class="topmenu">

            <a class="topmenulink" href="myaccount.php">My Account</a>
            <a class="topmenulink" href="appointments.php">Appointments</a>
            <a class="topmenulink" href="tutors.php">Tutors</a>
            <a class="topmenulink" href="clients.php">Clients</a>
            <a class="topmenulink" href="schedule.php">Schedule</a>
            <a class="topmenulink" href="statistics.php">Statistics</a>
            <a class="topmenulink" href="help.php">Help</a>
            <a class="topmenulink" href="logout.php">Logout</a>

        </div>
    </div>

前台员工

从顶部菜单类名中删除 margin-left -9px

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

网站右侧的空白区域-尝试了所有操作

带有内容的div width属性

具有padding-left属性的DIV被推到右侧

具有100%图像比例的背景的div和其上具有可悬停按钮的div,具有100%div区域和居中文本

div顶部带有显示:inline-block的空白区域

在 css 中,我们如何固定具有属性的 div 的宽度(完全 100% 不在像素中)是位置固定的

在100%width div中向右填充

grid-column-end属性离开空白区域

如何设置div高度以填充视口的空白区域

内联块 div 中图像下方的空白区域

100%Div,具有居中,固定宽度的内部Div

如何查找具有指向当前DIV或文本区域的“ for”属性的标签

无法隐藏具有特定属性的div

我的第一个 div 上大约有 20 像素的空白区域。如何在不破坏页面布局的情况下删除它?

如何删除网页右侧的空白区域?

允许具有固定宽度的div内的内部div具有100%的宽度

避免带有浮动项目网格的空白区域

如何使div具有自动的“父级的100%”高度?

Div在Chrome中具有100%高度溢出的主体

查找具有100%宽度正确行为的Bootstrap div

在Android中使用具有特殊字符(例如繁体中文,空白区域)的链接

为什么在使用具有100%值的min-height属性时身高不是100%

如何使 <img> 填充设置为 width: 100% 的 <div> 的整体;

style =“ width:100%”正在拉伸包含的div。我不要

当 div 具有左右属性的相对定位时,如何使 div 具有响应性

具有固定标头的100%高度div和边距实际上不是100%

使用jQuery设置具有隐藏数据属性的div

具有box-shadow属性的div元素重叠

计算具有相同属性的div并显示结果