javascript - wordpress页面右侧未使用的大空间-6ren

javascript - wordpress页面右侧未使用的大空间

转载作者：行者123 更新时间：2023-11-28 12:13:43

如何删除我的 wordpress 页面右侧这个大的未使用空间？这是我的网站clicke here这是我用于此布局的 CSS。我一直无法弄清楚我已经尝试了一些带有 .content 和 #main 和 page 的代码，但仍然没有一个有效。由于页面太宽，如何手动删除右边的大区域。我在任何地方都找不到宽度变化。

/*
Theme Name:Urania
Theme URL: http://www.fabthemes.com/urania/
Description: Free WordPress theme released by fabthemes.com
Author: Fabthemes.com
Author URI: www.fabthemes.com
Version: 1.0.0
Tags:  Blue, Violet, white, two-columns, jQuery slider, featured thumbnail, right-sidebar, twitter, fixed-width, theme-options,threaded-comments, banner ads, adsense, wordpress 3.

*/

* {
    margin: 0px;
    padding: 0px;
}

body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#000000 url(images/body.jpg) top center no-repeat;
    font-family:Arial,Tahoma,Century gothic, sans-serif;
    color:#161514;
    font-size:13px;
    }
img {
    border:0;
    margin: 0 0;
    }
a {
    color:#0B98D9;
    text-decoration:none;
    outline:none;
    }
a:hover {
    color:#000;
    text-decoration:none
        }
h1, h2, h3, h4, h5, h6 {

    }
blockquote {
    padding:10px 10px 10px 10px;
    color:#59666f;
    font-style: normal;

    }
.clear {
    clear:both;
    }

table{
    margin: 10px 0 10px;
    }

table td, table th{
    text-align: left;
    padding: .4em .8em;
    }

table th{
    background: #ccc ;
    color: #444;
    text-transform: uppercase;
    font-weight: normal;
    }

table td{
    background: #e4e4e4;
    }

table tr.even td{
    background: #eee;
    }

table tr:hover td{
    background: #FFF9DF;
    }
img.centered  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0px;
    }

img.alignnone {
    padding: 5px 5px;
    margin: 0px 0px 10px 0px;
    display: inline;
    background:#CECECE;

    }

img.alignright {
    padding: 5px 5px;
    margin: 5px 0px 10px 10px;
    display: inline;
    background:#CECECE;

    }

img.alignleft {
    padding: 5px 5px;
    margin: 5px 10px 10px 0px;
    display: inline;
    background:#CECECE;

    }

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    }

.alignright {
    float: right;
    margin: 0px 0px 10px 10px;
    }

.alignleft {
    float: left;
    margin: 0px 10px 10px 0px;
    }

.wp-caption {

    text-align: center;
    background:#CECECE;
    padding: 4px 0px 5px 0px;
    margin: 5px 5px ;
    }

.wp-caption img {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    border: 0px;

    }

.wp-caption p.wp-caption-text {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    }
.rounded{

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.inshadow{
    box-shadow:inset 1px 1px 10px #B9B9B9;
    -moz-box-shadow:inset 1px 1px 10px #B9B9B9;
    -webkit-box-shadow:inset 1px 1px 10px #B9B9B9;
}

.dropshadow{
    box-shadow: 1px 1px 10px #1F1611;
    -moz-box-shadow: 1px 1px 10px #1F1611;
    -webkit-box-shadow: 1px 1px 10px #1F1611;
}   

/* The Outer cover */

#wrapper{
    width: 900px;
    text-align:left;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
} 

#casing {
    padding:0px 0px 10px 0px;
    float:left;
    width:900px;
    margin:10px 0px 0px 0px;
    background:url(images/casing.png) repeat-y;
    }       

/* The Header */
#top {
    height:110px;
    margin:0px 0px 0px 0px;
    width:900px;
    position:relative;

    }


.blogname {
    width:400px;
    margin:25px 0 0 10px;
    height:70px;
    text-align:left;
    float:left;
    padding-left:0px;

    }

.blogname h1  {
    font-size:34px;
    padding:0 0 0px 0;
    font-weight:normal;
    font-family:Georgia,Arial,Tahoma,Century gothic, sans-serif;    
    }

.blogname h1  a:link, .blogname h1  a:visited{ 
    color: #fff; 
    display:block;
    margin:5px 0 0 0px;
    }

.blogname h1  a:hover { 
    color: #fff; 
    }

.blogname h2 {
    margin:0px 0px 0px 0px;
    font-size:14px;
    font-weight:normal;
    color: #EA6FFF; 
    }


/* The Search */



/* The Search */


#search {
    display:inline-block;
    width:271px;
    padding:0px 0px ;
    height:32px;
    position:absolute;
    bottom:0px;
    right:30px;
    background:url(images/search.png) no-repeat;
}
#search form {
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search p {
    margin: 0;
    font-size: 85%;
}

#s {
    width:220px;
    margin:7px 0px 0px 20px;
    padding: 4px 5px;
    height:14px;
    font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color:#333;
    background:#CFCFCF;
    border:1px solid #aaa;
    float:left;

    display:inline;
}
input#searchsubmit{
    float:right;
    display:inline;
    margin:0px 10px 0px 0px;
    background:#610501;
    color:#fff;
    border:1px solid #790601;
}

#searchpage{
    background:#fff;
    border:1px solid #ccc;
    margin:10px 10px 0px 10px;
}

#sform{
    width:500px;
    border:none;
    padding:4px 5px;
}

#formsubmit{
    float:right;
    background:url(images/sfrm.png) repeat-x;
    border-left:1px solid #ccc!important;
    border:none;
    padding:3px 5px;
}
.sbox{
    padding:10px 15px;
}
.shead{
    margin-bottom:30px;

}
.shead p{
    margin-left:10px;
    margin-bottom:10px;
    color:#222;
}

h2.stitle{
text-decoration: underline;
    font-weight:normal;

}

.searchmeta{
    margin-top:5px; 
    color:#43873e;
}


/*Page menu*/
#foxmenucontainer{
    height:41px;
    display:block;
    padding:0px 0 0px 0px;
    font-size: 12px ;
    font-weight:normal;
    background:url(images/menu.png) repeat-x;
    }
#menu{
    margin:0px auto;
    padding: 0px;
    height:40px;
    overflow:hidden;
    width:900px;

    }

#menu ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

#menu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    color:#a279c5;
    line-height:40px;   
    }

#menu li a, #menu li a:link, #menu li a:visited {
    color:#a279c5;
    line-height:40px;
    display: block;
    margin: 0px;
    padding: 0px 10px ;

    }

#menu li a:hover, #menu li a:active {
    background:#2e113a;
    color: #fff;
    margin: 0px;
    padding: 0px 10px ;
    line-height:40px;
    text-decoration: none;

    }

#menu li li a, #menu li li a:link, #menu li li a:visited {
    background: #2E113A;
    width: 150px;
    color:#a279c5;
    font-weight: normal;
    float: none;
    margin: 0px;
    padding: 0px 10px ;
    line-height:32px;
    border-bottom: 1px solid #3B164B;

    }

#menu li li a:hover, #menu li li a:active {
    background: #17061F;
    color: #fff;
    padding: 0px 10px ;
    line-height:32px;
    }

#menu li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    background:#2E113A;
    }

#menu li li { 
    }

#menu li ul a { 
    width: 140px;
    }

#menu li ul a:hover, #menu li ul a:active { 
    }

#menu li ul ul {
    margin: -33px 0 0 170px;
    }

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
    left: -999em;
    }

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
    left: auto;
    }

#menu li:hover, #menu li.sfhover { 
    position: static;
    }


/*  menu*/

#catmenubox{
    height:40px;
    width:880px;
    padding:10px;
    background:#fff;
}
#catmenucontainer{
    height:40px;
    display:block;
    padding:0px 0 0px 0px;
    font-size: 12px;
    font-weight:normal;
    background:#0b98d9;
    }

#catmenu{
    margin:0px auto;
    padding: 0px 0px;
    height:40px;
    overflow:hidden;
    width:880px;
        }

#catmenu ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

#catmenu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    color:#043b54;
    line-height:40px;
    }

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
    color:#043b54;
    line-height:40px;   
    display: block;
    margin: 0px;
    padding: 0px 10px ;

    }

#catmenu li a:hover, #catmenu li a:active {
    color: #fff;
    margin: 0px;
    padding: 0px 10px ;
    line-height:40px;
    text-decoration: none;
    background:#0982ba;
    }

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
    background:#0982ba;
    width: 150px;
    color: #0D081C;
    font-weight: normal;
    float: none;
    margin: 0px;
    padding: 0px 10px ;
    line-height:35px;
    border-bottom: 1px solid #0B98D9;
    }

#catmenu li li a:hover, #catmenu li li a:active {
    background:#00638F;
    color: #fff;
    padding: 0px 10px ;
    line-height:35px;
    }

#catmenu li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    background:#00150E;
    }

#catmenu li li { 
    }

#catmenu li ul a { 
    width: 140px;
    }

#catmenu li ul a:hover, #catmenu li ul a:active { 
    }

#catmenu li ul ul {
    margin: -36px 0 0 170px;
    }

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
    left: -999em;
    }

#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
    left: auto;
    }

#catmenu li:hover, #catmenu li.sfhover { 
    position: static;
    }

/* Main Content*/   


#content {
    float:left;
    width:620px;
    height:100%;
    padding:0px 0px 0px 0px;
    margin:10px 0px 0px 0px;
    display:inline;
    overflow:hidden;


    }   

.post {
    margin: 0px 0px 20px 0px;
    height:100%;
    color:#555;
    position:relative;
    padding:0px 0px;
    }
.postimg{
    margin:5px 0px 5px 10px;
    padding:5px;
    width:570px;
    height:200px;
    background:#fff;
    border:1px solid #ddd;

}

.title{
    margin: 0px;
    padding: 5px 10px;

}   

.title  h2 {
    margin: 0px 0 0px 0;
    padding: 5px 0px 5px 10px;
    font-size: 26px ;
    font-weight:normal;
    overflow:hidden;
    font-family:georgia;
    border-bottom:1px dotted #bbb;
        }

.title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
    color:#3B164B;
    background-color: transparent;
    }

.title  h2 a:hover  {
    color: #4c5262;
    background-color: transparent;
    }   


.titlemeta{
    padding:5px 0px 0px 10px;
}

.author{
    color:#35241A;
    padding:2px 5px 2px 20px;
    text-shadow:1px 1px 0px #fff;
    text-transform:uppercase;
    font-size:10px;
    margin-left:0px;
    background:url(images/user.png) no-repeat;
    }

.clock{
    color:#35241A;
    padding:2px 5px 2px 20px;
    text-transform:uppercase;
        text-shadow:1px 1px 0px #fff;
    font-size:10px;
    background:url(images/clock.png) no-repeat;
}   

.comm{
    color:#fff;
    padding:8px 10px 0px 10px;
    text-transform:uppercase;
    font-size:10px;
    float:left;

}

.comm a:link,
.comm a:visited {
    color:#fff;

}
.comm a:hover{
    color:#fff;
}


.postmeta {
    padding:0px 0px 0px 10px;
    height:30px;
    background:Url(images/postmeta.png) repeat-x;
            }

a.rmore{
    color:#fff;
    padding:8px 20px 0px 10px;
    text-transform:uppercase;
    font-size:10px;
    float:right;

}


.categ{
    padding:5px 0 5px 5px;
    color:#000;
    font-size:10px;
}

.categ a:link,.categ a:visited{
    color:#B21F48;

    }

.categ a:hover{
    color:#000;
    }

.cover{
    padding:5px 10px;
}
.entry {
    margin:0 0;
    padding: 0px 10px  ;

    }   

.entry a:link,
.entry a:visited {
    color:#0069BF;
    background-color: transparent;
}
.entry a:hover {
    color:#00499F;
    background-color: transparent;
    text-decoration: none;
}

.entry ul, .entry ol{
  margin: .4em 0 1em;
  line-height: 150%;
}


.entry ul li, .entry ol li{
  list-style-position:outside;
  margin-left: 1.6em;
}

.entry p{
    margin:5px 0px;
    padding:5px 0px;
    line-height:24px;
    font-size:13px;
}


#entry-author-info{
    padding:20px 0px;
    background:url(images/authmet.png);
    margin-top:5px;
    border-top:1px solid #fcfcfc;
}

#author-avatar{
    float:left;
    padding:5px;
    background:#fff;
    margin-left:20px;
}
#author-avatar{
    float:left;
}

#author-description{
    float:left;
    margin:0px 0px 0px 10px;
    width:300px;
}
#author-description h3{
    line-height:20px;
    color:#333;

}
#author-description p{
    line-height:20px;
    color:#555;
}

#author-share{
    float:right;
    background:#fff;
    padding:3px 5px;
    border:1px solid #ddd;
}
#author-share ul{
    list-style:none;

}
#author-share ul li{
    list-style:none;
    float:right;
    margin-right:5px;

}

#catbox{
    width:200px;
    float:left;
    margin-left:10px;

}

#catbox ul{
    list-style:none;
}
#catbox ul li{
    list-style:none;
    float:left;
    margin:5px 5px 0px 0px;
    padding:3px 5px;
    background:#fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
}
/* right column */
.right{

    float:right;
    width:260px;
    padding:10px 10px 0px 10px;
    display:inline;
    overflow:hidden;
}


.feedlist{
    height:33px;
    margin-bottom:10px;
}
.feedlist ul {
    list-style:none;
}

.feedlist ul li{
    float:left;
    margin:0px 6px 0px 0px;

}
.feedlist ul li:last-child{
    float:right!important;
    margin:0px !important;
}

.blokbox,.twitbox{
    float:left;
    width:260px;
    background:#fff;
    margin-bottom:10px;
    border:1px solid #ddd;
    }
.blok{
    padding:5px 0px 0px 0px;
    float:left;

}
.fentry img{
    max-width:100px;

    padding-left:6px;
    padding-bottom:5px;
    float:left;

}


h3.sidetitl{
    background:#697185;
    padding:10px 10px;
    font-family:Arial, Georgia,Tahoma,Century gothic, sans-serif;
    color:#fff;
    font-size:16px;

}
/* The Sidebar */


.sidebar{
    float:left;
}

.sidebox{
    width:260px;
    margin:0px 0px 10px 0px;
    background:#f9f9f9;
    list-style:none;
    }

.sidebox ul {
    list-style-type: none;
    margin:  0px;
    padding: 0px 0px 5px 0px ;

    }
.sidebox li{
    list-style-type: none;
    margin: 0 ;
    padding: 0;

    }
.sidebox ul ul  {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-repeat:no-repeat;
        }

.sidebox ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }

.sidebox ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;

    }

.sidebox ul li {
    height:100%;
    line-height:20px;
    clear:left; 
    width: 260px;
    margin:0px 0px;
    list-style-type: none;
    }


.sidebox ul li a:link, .sidebox ul li a:visited {
    display:block;
    color:#4D5362;
    border-bottom:1px solid #E0E4EF;
    text-decoration: none;
    padding: 5px 0px 5px 10px;
    }

.sidebox ul li a:hover {
    background:#3B414F;
    color: #fff;
    }

.sidebox p {
    padding: 7px 10px;
    margin:0;
    }

.sidebox table{
    width:100%;
    text-align:center;
    color:#787d7f;
    }   

li.recentcomments{
    padding:5px 5px;
    }


.squarebanner {
    margin:0px 0px 10px 0px;
    }

.squarebanner ul{
    list-style-type:none;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    width:260px;
    overflow:hidden;
        }

.squarebanner ul li{
    list-style-type:none;
    margin: 5px 0px 5px 0px;    
    float:left;
    display:inline;
    background:#402B1E;
    }
.squarebanner ul li.rbanner{
    float:right;
    margin: 5px 0px 5px 0px;
}

/*calendar*/

#wp-calendar{
    width: 100%;
    padding: 0px 5px;

}
/***** Calendar Widget *****/
#wp-calendar{
    width: 100%;
    padding: 0px 5px;

}
#calendar_wrap{

    margin:0px auto;
}

#wp-calendar caption{
    padding: 10px 5px 5px 5px ;
    font-size:16px;
    color:#375752;
    font-weight:bold;
    font-family:Arial,Georgia,Century gothic,  sans-serif;
    text-transform:uppercase;
}


#wp-calendar th, #wp-calendar td{
    padding: 5px;
    text-align:center;
    color:#fff;
    background:#333;
}

#wp-calendar td a{

    padding: 0px;
    border:none;
    color:#843400;
}
#wp-calendar td{
    background:transparent;
    border:none;
    color:#444;
}
#wp-calendar td, table#wp-calendar th{
    padding: 2px 0;
}       

/* --- FOOTER --- */

#footer {

    padding:5px 0 10px 0px;
    color:#697185;
    font-size:12px;
    margin:0px auto;

    }

#footer a:link , #footer a:visited{
        color:#697185;
    }

#footer a:hover {
        color:#697185;
    }

.fcred{

    text-align:center;
    margin:10px 0px 10px 0px;
    line-height:20px;
}


/* The Navigation */

#navigation{    
    margin:0px 0px 0px 0px;
    padding:5px 7px;
    width:600px;
    height:27px;
    }


/* The Attachment */

.contentCenter {
    text-align:center;
    }

/* The Page Title */

h2.pagetitle {
    padding:10px 0px;
    font-size:16px;
    text-align:center;
    color:#962F49;
    margin-bottom:10px;
    }
 h2.pagetitle a {
    color:#507409;
 }

/* Comments */

#commentsbox {

    margin:0 0px 0px 0px;

}

h3#comments{
    font-size:14px;
    color:#fff;
    font-weight:bold;
    padding:10px 10px ;
    font-family:Arial,Georgia,Century gothic,  sans-serif;
        background:url(images/postmeta.png);
    border-top:1px solid #1b70a8;
    border-bottom:1px solid #1b70a8;
}


ol.commentlist {
    margin:0px 0 0;
    clear:both;
    overflow:hidden;
    list-style:none;
    padding:0px 10px;
    background:url(images/commentli.png);

}
ol.commentlist li {
    margin:10px 0px;
    line-height:18px;
    padding:10px;
    border:1px solid #CFCFCF;
    background:#F2F2F2;
}

ol.commentlist li .comment-author {
    color:#000;

}

ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{

    color:#000;
    font-weight:bold;
    text-decoration:none !important;
}

ol.commentlist li .comment-author .fn {
    color:#000;
    font-weight:bold;
}

cite.fn{
    color:#000;
    font-style:normal;
}

ol.commentlist li .comment-author .avatar{
    float:right;
    border:1px solid #ddd;
    background:#fff;
    padding:3px;
}

ol.commentlist li .comment-meta{
    font-size:10px;

}

ol.commentlist li .comment-meta .commentmetadata{

    color:#000;
}

ol.commentlist li .comment-meta a {
    color:#1561C2;
    text-decoration:none !important;
}

ol.commentlist li p {
    line-height:22px;
    margin-top:5px;
    color:#555;
    font-size:12px;
}

ol.commentlist li .reply{
    margin-top:10px;
    font-size:10px;

}

ol.commentlist li .reply a{
    background:#595B5F;
    border:1px solid #222;
    color:#fff;
    text-decoration:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    padding:3px 10px;
}

ol.commentlist li.odd {

}

ol.commentlist li.even {

}

ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;

}

ol.commentlist li ul.children li.depth-2 {
    margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-3 {
    margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-4 {
    margin:0 0 0px 50px;

}
ol.commentlist li ul.children li.depth-5 {
    margin:0 0 0px 50px;

}
.comment-nav{
    font-size:14px;
    color:#fff;
    font-weight:bold;
    padding:10px 10px ;
    font-family:Arial,Georgia,Century gothic,  sans-serif;
    background:url(images/postmeta.png);
    border-top:1px solid #1b70a8;
    border-bottom:1px solid #1b70a8;
    height:15px;
}

.comment-nav a:link,.comment-nav a:visited{
    color:#fff;
}

#respond{

    padding:0px 20px ;
    margin:10px 0px;

}

 #respond h3 {
    font-size:14px;
    color:#fff;
    background:#FFAB06;
    font-weight:bold;
    padding:10px 10px ;
}

#commentform {
    padding:10px 0px;
}

#commentform p{
    margin:5px 0px ;
    color:#444;
}

#commentform p a{
    color:#0C83D4;
}

 #respond label{
    display:block;
    padding:5px 0;
    color:#444;
    }

 #respond  label small {
    font-size:10px;
}

 #respond input {
    margin-bottom:10px;
    padding:5px 5px;
    margin:0 10px 10px 0;
    background:#fff;
    border:1px solid #ddd;
    color:#555;
}

#commentform  input{
    width:50%;

}

#respond  input#commentSubmit {
    background:#697185;
    border:1px solid #333;
    color:#fff;
    text-decoration:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    padding:3px 10px;
    width:100px;
    margin:10px 0px;
    cursor:pointer;
    text-shadow:1px 1px 0px #032434;
}

textarea#comment{
    border:none;
    background:#fff;
    border:1px solid #ddd;
    width:70%;
    margin:10px 0px 0px 0px;
    padding:5px 5px;
    color:#555;
}



.widebanner{

    height:60px;
    margin-top:10px;
    padding:10px 0px;
    background:url(images/ad1.jpg) repeat-x;
    text-align:center;
}


.wp-pagenavi{

    font-size:12px;
    text-align: center !important;


}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {

    text-decoration: none;
    background:#1561C2!important;
    border: 1px solid #094E9F !important;
    color:#fff !important;
    padding:3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

}


.wp-pagenavi a:hover {
    color: #ffffff;
}

.wp-pagenavi span.pages {

display:none;
}

.wp-pagenavi span.current {
    text-decoration: none;
    background:#4D5362 !important;
    border: 1px solid #40444F!important;
    color:#fff !important;
    padding:3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

}

.wp-pagenavi span.extend {

    text-decoration: none;
    background:#4D5362 !important;
    border: 1px solid #40444F !important;
    color:#fff !important;
    padding:3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

}   

.headbanner{
    float:right;
    margin:15px 15px 0px 0px;
}

.fblock{

    border-bottom:1px solid #E0E4EF;
    padding:5px 0px!important;
}

.fblock h3{
    font-size:14px;
    font-weight:normal;
    padding:0px 0px 0px 0px;
}

.fblock h3 a:link,.fblock h3 a:visited{

    font-weight:bold;
    color:#228DD3;
}

.fblock p{
    color:#4D5362;
    margin:0px !important;
    padding:3px 0px !important;
}

body { zoom: 1.3; -moz-transform: scale(1.3); -moz-transform-origin: 0 0}



@media screen and (max-width: 650px) {
#container {
padding: 0;
}
#wrapper {
padding: 0 20px 20px 20px;
}
}

最佳答案

有两种可能

在两侧均匀分配空间
更新网站的宽度以占据浏览器的完整宽度

两边均匀分布空间

文件:style.css，行:170

#wrapper {
    width: 900px;
    text-align:left;
    margin-top: 10px auto 0 auto;
}

更新网站的宽度以占据浏览器的完整宽度

在文件末尾的style.css中添加这些样式

#wrapper, #top, #catmenubox, #tabzine, #casing, #bottomcover, #footer {
    width : auto;
    min-width : 900px;
}

关于javascript - wordpress页面右侧未使用的大空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19329357/

文章推荐： ios - 自动添加千位分隔符(Swift)

文章推荐： css:在扩展父级时匹配元素的宽度

文章推荐： css - 去饱和并添加阴影

javascript - 执行存在于输入值字段中的 javascript - JavaScript
我有一个 html 格式的表单: 我需要得到 JavaScript在value input 字段执行，但只能通过表单的 submit .原因是页面是一个模板所以我不控制它(不能有
javascript - JavaScript 代码片段正在破坏其他 JavaScript
我管理的论坛是托管软件，因此我无法访问源代码，我只能向页面添加 JavaScript 来实现我需要完成的任务。我正在尝试用超链接替换所有页面上某些文本关键字的第一个实例。我还根据国家/地区代码对这些
javascript - JavaScript 如何使新页面包含更多 JavaScript？
我正在使用 JS 打开新页面并将 HTML 代码写入其中，但是当我尝试使用 document.write() 在新页面中编写 JS 时功能不起作用。显然，一旦看到，主 JS 就会关闭。用于即将打开的
javascript - Javascript 引擎如何在浏览器中执行 Javascript？
提问不是为了解决问题，提问是为了更好地理解系统专家!我知道每当你将 javascript 代码输入 javascript 引擎时，它会立即由 javascript 引擎执行。由于没有看过Engi
javascript - 如何将 JavaScript 变量从一个 JavaScript 文件传递到另一个 JavaScript 文件？
我在一个文件夹中有两个 javascript 文件。我想将一个变量的 javascript 文件传递到另一个。我应该使用什么程序？最佳答案 window.postMessage用于跨文档消息。使
javascript - javascript 中的 javascript 输入问题
我有一个练习，我需要输入两个输入并检查它们是否都等于一个。如果是 console.log 正则 console.log false 我试过这样的事情: function isPositive(fir
javascript - 在加载其他 javascript 库的页面上嵌入 Javascript？
我正在做一个Web应用程序，计划允许其他网站(客户端)在其页面上嵌入以下javascript: 我的网络应用程序位于 http://example.org 。我不能假设客户端网站的页面有 JQue
javascript - 从 Javascript 内部调用 Javascript
目前我正在使用三个外部 JS 文件。我喜欢将所有三个 JS 文件合而为一。尽一切可能。我创建 aio.js 并在 aio.js 中 src="https://code.jquery.com/
javascript - AngularJS/javascript javascript 对象的特殊排序顺序
我有例如像这样的数组: var myArray = []; var item1 = { start: '08:00', end: '09:30' } var item2 = {
javascript - 在 Javascript 内部执行 Javascript？
所以我正在制作一个 Chrome 扩展，它使用我制作的一些 TamperMonkey 脚本。我想要一个“主”javascript 文件，您可以在其中包含并执行其他脚本。我很擅长使用以下行将其他 jav
javascript - 如何将变量从 javascript 移动到 javascript？
我有 A、B html 和 A、B javascript 文件。并且，如何将 A JavaScript 中使用的全局变量直接移动到 B JavaScript 中？示例 JavaScript) va
javascript - 从 javascript 调用 javascript
我需要将以下整个代码放入名为 activate.js 的 JavaScript 中。你能告诉我怎么做吗？ var int = new int({ seconds: 30, mark
javascript - 将变量值从一个 JavaScript 传递到另一个 JavaScript
我已经为我的 .net Web 应用程序创建了母版页 EXAMPLE1.Master。他们的 I 将值存储在 JavaScript 变量中。我想在另一个 JS 文件中检索该变量。示例1.大师:-
javascript - 有没有开源库可以在浏览器中使用 Javascript 来整理 Javascript？
是否有任何库可以用来转换这样的代码: function () { var a = 1; } 像这样的代码: function () { var a = 1; } 在我的浏览器中。因为我在 Gi
javascript - javascript 中的参数列表后缺少语法 javascript 错误 )
我收到语法缺失 ) 错误 $(document).ready(function changeText() { var p = document.getElementById('bidp
javascript - 第一个 JavaScript 完成后启动第二个 JavaScript
我正在制作进度条。它有一个标签。我想调整某个脚本完成的标签。在找到可能的解决方案的一些答案后，我想出了以下脚本。第一个启动并按预期工作。然而，第二个却没有。它出什么问题了？代码如下: HTML:
javascript - 为什么外部 javascript 库会阻止我页面上的 javascript？
这里有一个很简单的问题，我简单的头脑无法回答:为什么我在外部库中加载时，下面的匿名和onload函数没有运行？我错过了一些非常非常基本的东西。 Library.js 只有一行:console.log(
javascript - 如何区分代码内 javascript 和客户端 javascript
我知道 javascript 是一种客户端语言，但如果实际代码中嵌入的 javascript 代码以某种方式与在控制台上运行的代码不同，我会尝试找到答案。让我用一个例子来解释它: 我想创建一个像 Mi
javascript - 将 Javascript 内联到不显眼的 JavaScript？
我如何将这个内联 javascript 更改为 Unobtrusive JavaScript？谢谢! 感谢您的回答，但它不起作用。我的代码是: PHP js文件 document.getElem
javascript - 如何将 JavaScript 对象导出为 JavaScript？
我正在寻找将简单的 JavaScript 对象“转储”到动态生成的 JavaScript 源代码中的最优雅的方法。目的:假设我们有 node.js 服务器生成 HTML。我们在服务器端有一个对象x。

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - wordpress页面右侧未使用的大空间