有办法去掉从父级元素继承下来的 CSS 样式吗？

有一个页面使用了 Bootstrap，父级用了container类，我想让里面的一个div宽度扩展到屏幕一样，肿莫破？

wincat

2015-01-30 13:27:23 +08:00

@66beta 其他地方还是要用BS的，只是少数几个地方要这样处理。

tension

2015-01-30 13:29:38 +08:00

给 <body class="action">

当前的action 加上class 然后自己单独写

比如 .home . container

wincat

2015-01-30 13:35:51 +08:00

@tension 大部分地方我还是要使用BS，而且我是用ajax做的单页面，所以这么改好像不是很妥。

wincat

2015-01-30 13:50:12 +08:00

@muzuiget 没看懂，还是我用错了，没有效果。

2015-01-30 13:54:43 +08:00

似乎你是因为它的父级元素宽度限制？
如果不改html，那么应该 position:absolute ，然后就更麻烦了。。。

建议你还是改html

jarlyyn

2015-01-30 13:58:13 +08:00

前端页面无非3条路。
html,css,js。
你的需求理论上要改html最好。不然的话就用js直接操作dom呗……

be1mont

2015-01-30 13:59:23 +08:00

@wincat 在container上把 padding 和margin 弄成0

wincat

2015-01-30 14:20:43 +08:00

@jarlyyn html结构改掉应该是正道，但我现在在找css的歪门邪道，用JS的工作量就不如改HTML了。

tension

2015-01-30 14:25:51 +08:00

还是上演示吧。。。不然看图说话太累了，不知道你想实现的是什么效果

jarlyyn

2015-01-30 14:39:13 +08:00

再看了下你的问题。你确定这个和父类或者继承有关吗？我怎么觉得你是父类有了padding,所以内部元素没法超框？这样的话用个负margin值就可以了。

wincat

2015-01-30 14:45:46 +08:00

@jarlyyn 不只是父类padding的问题吧，bs的container类width在不同浏览器宽度范围下是一个相对固定的值。要让包含在container里的div宽度永远等于浏览器宽度，我认为使用固定的负值margin是无法保证刚好相等的。

jarlyyn

2015-01-30 14:50:42 +08:00

@wincat 你到底是要等于父类的宽，还是要等于屏幕的宽？这还是和继承没关系啊。是区域的结构或者划分的结构吧？
如果只是自适应的话，去做相应宽度下的样式就好了么。

wincat

2015-01-30 14:57:17 +08:00

@jarlyyn 我是要等于屏幕的宽，而不是父类的宽。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.