javascript - 如何确保我的幻灯片显示 100% 的宽度

标签 javascript html css joomla

我正在一个网站上工作,但我无法在我的网站上获得 100% 的宽度

 <div id="top-a"></div> <!-- top-A Element -->

我想继续使用 jsfiddle,但向您展示元素可能更容易。 我使用的幻灯片大小为 980px*381px。

它所在的 div 大小为 980px*381px。但是左边和右边仍然出现边距,我只是不明白,为什么。我看到由于某种原因,图像被调整了大小。但我不知道如何修复它。

网站是: Demosite

最佳答案

您设置了边距

.module, #header, #breadcrumbs, #content, #footer {
    margin: 15px;
}

改成

.module, #header, #breadcrumbs, #content, #footer {
    margin: 0 !important;
}

已编辑

这可能是需要 !important 的罕见情况。当您需要覆盖由 JS 生成的 CSS 并且不能直接编辑插件时,可以使用 !important

关于javascript - 如何确保我的幻灯片显示 100% 的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18386803/

相关文章:

javascript - python对象未捕获语法错误: Unexpected token <

html - 如何使背景图像大小高度始终等于全宽图像所需的图像高度?

javascript - 并排放置2个svg

javascript - 如何使用随机 css id 设置元素样式

javascript 弹出菜单和重定向 url

javascript - 通过 Angular 中的函数返回文件的内容

javascript - 递归函数中的 typescript 中断与返回行为

javascript - 非常敏感的 onmouseout 行为

php - 使用 AJAX/HTML 5 上传文件

css - Bootstrap 网格在动态宽度容器内不起作用