Css 如何使我的博客帖子滑条100%宽度？

我已经尝试了很多，使其100%宽度滑块。但正如你在我的博客上看到的那样，它从右边被切掉了

这是我粘贴在Html/javaScript小部件上的代码

/*crawlist.net滑块CSS*/
.bx包装{宽度：100%}
#滑块{
列表样式：无；
填充：0px；
}
.slider容器{
背景：#fff；
宽度：100%；
高度：120px；
z指数：126；
填充：0px 0px 43px 0px；
-webkit边界半径：2px；
-moz边界半径：2px；
边界半径：2px；
溢出：隐藏；
保证金：0px 0px 45px 0px；
}
.newcon{宽度：100%；边距：0px 0px 43px 0px；溢出：隐藏}
#滑块img{
宽度：200px；
高度：125px；
边际：0px；
显示：内联块；
边框：1px实心#F5；
}
#李滑块{
宽度：210像素
}
/*crawlist.net滑块CSS*/
$（文档）.ready（函数（）{
$（“#滑块”）.bxSlider({
没错，
股票价格：5000，
对
});
});

您必须添加到.bx窗口

width:for example 1200px;

或

因此，您必须编写以下代码：

.bx-window{
    width:100%;
}

---

造成这种情况的原因有两个，第一个是Maciej建议的，将

width:100%

添加到

.bx wrapper

和

.bx window

，但在HTML标记中，两个元素都设置了

style=“width:840px”

属性。问题是

style

属性的优先级高于CSS文件中写入的内容（因此它会覆盖CSS文件中写入的内容），因此您必须删除该标记，或者将您的

width:100%

声明移动到元素

style

属性。

我认为不添加

width:100%

也可以fine@SathvikCheela是的，

width:auto

（默认设置）可以正常工作，如果有足够的子元素可以填充客户端屏幕宽度，但这在分辨率为4K的显示器上可能会变得不一致。。谢谢在这里，CSS无法定位.bx包装器和.bx窗口，因为它是从jquery生成的。有什么解决办法吗？啊，你必须用JS再次覆盖它，然后添加并尝试两者。bx包装器{width:100%}。bx窗口{width:100%；}在这里都没有帮助。我在chrome上尝试过，它正在工作：）尝试宽度：100%！重要的；

.bx-window{
    width:100%;
}