Question

我试图通过添加bootstrap来响应页面。但是，我的内联样式不起作用。风格=＆＃34;宽度：100％＆＃34;不起作用，而是宽度：使用外部样式表30％。不知何故，element.style可以在firebug中，它不包括我的内联宽度样式。

＆＃13;

<div class="col-sm-3" style="border:1px solid blue; text-align: center;">
    <div id="rightAds" style="width: 100% !important;border:1px solid green; ">

＆＃13;

以下内容可见于萤火虫：

＆＃13;

element.style {
  border: 1px solid green;
  visibility: visible;
  opacity: 1;
}
#rightAds {
  border: 0px solid green;
  width: 30%;
  /* width: 100%; */
  float: right;
  margin-top: 1px;
  margin-right: 10px;
  margin-right: 0px;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #009933;
  min-height: 350px;
}

＆＃13;

不确定发生了什么。以某种方式bootstrap使用div＃rightAds的外部样式表的width属性。什么是element.style以及如何在其中包含内联宽度？我一直在谷歌搜索几个小时，但无法解决这个问题。

非常感谢！

Answer 1

element.style是内联样式....无论你内联编写什么代码都会出现在元素样式

中

尝试添加

＆＃13;

.col-sm-3 #rightAds {
  width: 100%;
  }

＆＃13;

＆＃13; 如果需要，还可以尝试包括！important

google＆＃34; css优先顺序＆＃34;你将得到哪个css规则变得更加重要的答案

Answer 2

从rightAds css definiton中删除width: 30%; float: right;并更正影响它的d margin-top值（更好地提供真正的css定义而不是firebug）并在div中使用：<div id="rightAds col-sm-12 pull-right" style="border:1px solid green;"> < / p>

使用bootstrap

2 个答案: