Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 左侧边栏被浏览器窗口切断_Html_Css_Wordpress_Sidebar - Fatal编程技术网

Html 左侧边栏被浏览器窗口切断

Html 左侧边栏被浏览器窗口切断,html,css,wordpress,sidebar,Html,Css,Wordpress,Sidebar,这是我的网站: 我有一个问题,当窗口缩小到一定宽度后,我的左侧边栏被切断。我假设这是一个简单的CSS问题,但我不确定。侧边栏上还有一个-149px的边距。将此设置为0px将解决您的问题。删除位置固定和负边距 #sidebar { border-bottom: 0 solid #E7E7E7; border-right: 0 solid #E7E7E7; color: #59454F; float: left; font-size: 13px; width: 132px; } 因此,您可以使

这是我的网站:


我有一个问题,当窗口缩小到一定宽度后,我的左侧边栏被切断。我假设这是一个简单的CSS问题,但我不确定。

侧边栏上还有一个-149px的边距。将此设置为0px将解决您的问题。

删除位置固定和负边距

#sidebar {
border-bottom: 0 solid #E7E7E7;
border-right: 0 solid #E7E7E7;
color: #59454F;
float: left;
font-size: 13px;
width: 132px;
}


因此,您可以使用不同的方式替换这3个类:

#header {
    border-bottom: 0 solid #E7E7E7;
    height: 65px;
    margin-left: 135px;
    margin-right: 20px;
}

#outer {
    border-bottom: 0 solid #E7E7E7;
    border-left: 0 solid #E7E7E7;
    border-right: 0 solid #E7E7E7;
    border-style: solid;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto;
    width: 1055px;
}

#sidebar {
    border-bottom: 0 solid #E7E7E7;
    border-right: 0 solid #E7E7E7;
    color: #59454F;
    float: left;
    font-size: 13px;
    margin: 0 0 -1px;
    overflow: hidden;
    position: relative;
    width: 132px;
}

谢谢,但是当我删除这些时,它会使侧边栏与缩略图列内联。我希望它保持在缩略图的左边。我的回答清楚地指出了你所问的问题,答案是不清楚还是没有解决你的问题?如果是,请详细说明,以便我能更好地帮助您。