我有一个隐藏的侧边栏的布局,它显示在右边,通过使用.toggleClass from jQuery来切换/关闭侧栏。当类切换(可见)时,侧边栏从右侧出现,.css规则填充- right :250PX;将应用于具有Bootstrap容器类的#包装器。
容器类内置到使页面响应的Bootstrap.css中,因此它根据浏览器窗口宽度调整大小。当前设置它的方式是,当侧边栏打开时,它可能重叠,也可能不重叠容器,这取决于当前浏览器窗口的宽度.我可以设置一个css规则来调整容器的大小,并打开/关闭那个类,但是这并不考虑有时不需要添加它。只有当由于窗口不够宽而出现重叠时,才需要添加。
css:
#wrappe
我把头发都拔出来了,因为我就是搞不明白。我正在开发一个维基。一个典型的页面在右边有一个固定宽度的边栏。这个侧边栏的左边是文本、div、表等(页面内容)。基本上,我希望所有东西都是全宽的-这意味着如果它在侧边栏旁边,它应该是全宽减去侧边栏的长度。如果它不在侧边栏旁边,它应该是整个页面的宽度。如下所示:
_______________________________
| ___ |
| text text text text te- | | |
| xt text text text text. | S | |
| ___________
几个小时以来,我一直在尝试解决我在本地托管的wordpress站点上使用标准侧边栏时遇到的问题。
我的侧边栏的代码如下:Customizer中的CSS:
function mySlide(){
var x = document.getElementById("sidebar");
var y = document.getElementById("slider");
if(x.style.right === "0px"){
x.style.right = "-305px";
y.src = "arrow_left.
我有一个侧边栏的页面。有张桌子。我想在屏幕底部显示一条线,不管桌子有多大。这行的宽度应该与表格的宽度相同。
以下是我尝试过的方法,但没有成功:
<div style="width: 100%; position: relative;">
<table>
...
</table>
<!-- this div will be width as whole page, not as table -->
<div style="width: inherit; posit