Question

我有一个包含多个菜单的网站。我已经在div中使用类容器定义了enteire页面内容，并应用了bootstrap css样式（margin-left：auto和margin-right：auto etc.）以使页面居中。现在，其中一个文件中的元素必须从浏览器的最左侧开始。由于css应用于父级，我无法从左侧启动元素。我已经使用了带有负像素的margin-left来解决问题。但是当浏览器窗口很小时，元素在浏览器中是不完全可见的，因为应用了margin-left的负值。

<div class="container" style="margin-left:auto;margin-right:auto">
    <div id="start_from_left" style="margin-left=-50px"> </div>
</div>

Answer 1

如果你的标签有

style=""

优先于其他任何事情。

你可以尝试的是你的css标签上的！important，但这是不好的做法。

例如

margin-left:1px!important;
margin-right:0px!important;

Answer 2

您可以为容器添加其他课程。

.container {
    margin-left: auto;
    margin-right: auto;
}

.container.wide {
    margin-left: 0;
    margin-right: 0;
}

如何覆盖子元素的父元素css

2 个答案: