yangzhen
小狐狸
小狐狸
  • UID51672
  • 注册日期2015-11-07
  • 最后登录2024-03-27
  • 发帖数70
  • 经验72枚
  • 威望0点
  • 贡献值14点
  • 好评度2点
  • 社区居民
  • 忠实会员
阅读:1686回复:7

问个css问题

楼主#
更多 发布于:2017-08-04 19:54
我拿https://userstyles.org/styles/56739的样式改了几个数值,最后变成如图所示。我希望能让红线圈住的部分在网页边缘显示,偏偏无法做到这一点。
希望能帮一下。


/*
 * Style by Lupurus
 */

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("(.*wikipedia.org/wiki/(?!.*:)(?!Main_Page).*)|(.*secure.wikimedia.org/wikipedia/../wiki/(?!.*:)(?!Main_Page).*)") {
#firstHeading {
    width: 1450px !important;
    text-align: center !important;
    font-size: 4em !important;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-weight: bold !important;
    text-shadow: 4px 4px 0 #DDD;
}
#firstHeading i:first-child {
    font-style: normal !important;
}
#firstHeading, h1, h2, h3, h4 {
    font-family:  Roboto slab !important;
}

#bodyContent {
    width: 1450px !important;
    text-align: justify;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-family:  Roboto slab !important;
    font-size: 20pt !important;
}

/*
 * border around the article
 */
#content {
    -moz-box-shadow: 0px -10px 30px #BBB;
    -webkit-box-shadow: 0px -10px 30px #BBB;
    box-shadow: 0px -10px 30px #BBB;
    margin: auto !important;
    width: 1450px !important;
    padding: 80px !important;
    padding-top: 20px !important;
    border: 0 !important;
}

body {
    background: #FFFFFF !important;
}

#content {
    background: #FFF !important;    /* removes the border of the menu */
}

/* margins */
.infobox, .tright, .vertical-navbox {
    margin: 0 0 0.5em 2em !important;
}
.tleft {
    margin: 0 2em 0.5em 0 !important;
}

/*
 * hide things
 *
 */

#p-personal, #left-navigation, #mw-head-base, #mw-page-base, #p-views, #footer {
    display: none !important;
}

/*
 * searchbar
 */

#mw-head {
    height: 35px;
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(219,219,219,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(219,219,219,1)));    
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(219,219,219,1) 100%);    
    border-bottom: 1px solid #AAA;
}

#content {
    margin-top: 35px !important;
}
#simpleSearch {
    margin-top: 0 !important;
}
.imeselector {
    display: none !important;
}

#mw-panel {
    opacity: 0;
    width: 150px !important;
position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}

#p-logo {
    display: none !important;
}

#mw-panel:hover {
    opacity: 1;
}

#right-navigation {
    margin: 0 !important;
}

/*
 * numbering of the headings
 */
body {
    counter-reset: headingOne;
}
#toctitle h2:before {
    content: "" !important;
    counter-reset: headingOne;
}
#content h2 {
    counter-reset: headingTwo;
}
#content h2:before {
    counter-increment: headingOne;
    content: counter(headingOne) ".";
}
#content h3 {
    counter-reset: headingThree;
}
#content h3:before {
    counter-increment: headingTwo;
    content: counter(headingOne) "." counter(headingTwo) ".";
}
#content h4 {
    counter-reset: headingFour;
}
#content h4:before {
    counter-increment: headingThree;
    content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) ".";
}
#content h5:before {
    counter-increment: headingFour;
    content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) ".";
}
}
skytalk
热心会员
热心会员
  • UID32994
  • 注册日期2010-06-06
  • 最后登录2023-07-07
  • 发帖数652
  • 经验1061枚
  • 威望3点
  • 贡献值1292点
  • 好评度154点
  • 社区居民
  • 忠实会员
1楼#
发布于:2017-08-04 21:49
#mw-pane, 96行, 删除left, 用margin-left, 图右下角已经标注
yangzhen
小狐狸
小狐狸
  • UID51672
  • 注册日期2015-11-07
  • 最后登录2024-03-27
  • 发帖数70
  • 经验72枚
  • 威望0点
  • 贡献值14点
  • 好评度2点
  • 社区居民
  • 忠实会员
2楼#
发布于:2017-08-04 22:06
skytalk:#mw-pane, 96行, 删除left, 用margin-left, 图右下角已经标注回到原帖
感谢。上一次就是你帮得我,不过修改后无效。




找到原因了:数值太小
skytalk
热心会员
热心会员
  • UID32994
  • 注册日期2010-06-06
  • 最后登录2023-07-07
  • 发帖数652
  • 经验1061枚
  • 威望3点
  • 贡献值1292点
  • 好评度154点
  • 社区居民
  • 忠实会员
3楼#
发布于:2017-08-05 18:11
yangzhen:感谢。上一次就是你帮得我,不过修改后无效。




找到原因了:数值太小
回到原帖
当时看到喊我"大王"(怒火心头起, 恶向胆边生), 讲真,心里有些不爽, 不过, 不能全怪你, 要怪只能怪我话太少, 也怪fang(谁让你是管理, 你不躺枪谁躺枪, 你不背锅谁背锅)弄了这么个二五眼的等级, 要是像mmd, 每天弄个月经贴, 应该早脱离苦海了
yangzhen
小狐狸
小狐狸
  • UID51672
  • 注册日期2015-11-07
  • 最后登录2024-03-27
  • 发帖数70
  • 经验72枚
  • 威望0点
  • 贡献值14点
  • 好评度2点
  • 社区居民
  • 忠实会员
4楼#
发布于:2017-08-05 19:51
skytalk:当时看到喊我"大王"(怒火心头起, 恶向胆边生), 讲真,心里有些不爽, 不过, 不能全怪你, 要怪只能怪我话太少, 也怪fang(谁让你是管理, 你不躺枪谁躺枪, 你不背锅谁背锅)弄了这么个二五眼的等级, 要是像mmd, 每天弄个月经贴,...回到原帖
……我想你可能记错了。
我说的是https://www.firefox.net.cn/read-54360这个。
skytalk
热心会员
热心会员
  • UID32994
  • 注册日期2010-06-06
  • 最后登录2023-07-07
  • 发帖数652
  • 经验1061枚
  • 威望3点
  • 贡献值1292点
  • 好评度154点
  • 社区居民
  • 忠实会员
5楼#
发布于:2017-08-06 00:48
yangzhen:……我想你可能记错了。
我说的是https://www.firefox.net.cn/read-54360这个。
回到原帖
是啊, 张冠李戴了, 也没翻你的空间, 记忆错乱了, 刚刚翻了翻自己的回复, 也没找到这条回复, 确实记错了, 这锅你不能背,
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-03-21
  • 发帖数18482
  • 经验4836枚
  • 威望5点
  • 贡献值4316点
  • 好评度1115点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
6楼#
发布于:2017-08-06 18:48
skytalk:是啊, 张冠李戴了, 也没翻你的空间, 记忆错乱了, 刚刚翻了翻自己的回复, 也没找到这条回复, 确实记错了, 这锅你不能背,回到原帖
坑爹了 无辜躺枪
Firefox More than meets your experience
skytalk
热心会员
热心会员
  • UID32994
  • 注册日期2010-06-06
  • 最后登录2023-07-07
  • 发帖数652
  • 经验1061枚
  • 威望3点
  • 贡献值1292点
  • 好评度154点
  • 社区居民
  • 忠实会员
7楼#
发布于:2017-08-06 21:21
fang5566:坑爹了 无辜躺枪回到原帖
, 主要是总惦记着fang版, 一有机会就得掏出来撸一把,
真都没注意, 什么时候水到非常火狐的... 脱离苦海了
游客

返回顶部