Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Css 如何重新设计网站样式,使内容围绕边栏流动?_Css_Sidebar_Userstyles - Fatal编程技术网

Css 如何重新设计网站样式,使内容围绕边栏流动?

Css 如何重新设计网站样式,使内容围绕边栏流动?,css,sidebar,userstyles,Css,Sidebar,Userstyles,我正试图写一个用户风格,以重新格式化另一个网站没有机会改变html 目前该网站的主要内容在左侧,右侧有一个全高侧边栏 我已经使用CSS删除了很多侧边栏内容,现在希望主内容扩展到侧边栏下方区域的宽度 如果我控制了HTML源代码,我会将侧边栏放在样式中的“float:right”的第一位,但我无法控制源代码,侧边栏div位于主内容之后 传统上,这不能在CSS中完成,但现在可以使用CSS3完成吗?如果是这样,怎么办 实际上,我尝试设计的页面是TripAdvisor论坛页面,例如,但它们过于复杂,无法作

我正试图写一个用户风格,以重新格式化另一个网站没有机会改变html

目前该网站的主要内容在左侧,右侧有一个全高侧边栏

我已经使用CSS删除了很多侧边栏内容,现在希望主内容扩展到侧边栏下方区域的宽度

如果我控制了HTML源代码,我会将侧边栏放在样式中的“float:right”的第一位,但我无法控制源代码,侧边栏div位于主内容之后

传统上,这不能在CSS中完成,但现在可以使用CSS3完成吗?如果是这样,怎么办

实际上,我尝试设计的页面是TripAdvisor论坛页面,例如,但它们过于复杂,无法作为示例使用,因此我创建了一个非常简单的网页来使用:

主体{ 边框:2件纯蓝; 宽度:600px; } 边栏{ 边框:2倍纯绿; 职位:继承; 浮动:对; 宽度:250px; } 内容{ 职位:继承; 宽度:550px; } Lorem ipsum dolor sit amet,是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。这是一个很好的例子 波尔塔。毛里斯·马萨

Lorem ipsum dolor sit amet,是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。这是一个很好的例子 波尔塔。毛里斯·马萨

Lorem ipsum dolor sit amet,是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。这是一个很好的例子 波尔塔。毛里斯·马萨

Lorem ipsum dolor sit amet,是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。这是一个很好的例子 波尔塔。毛里斯·马萨


} 使用jQuery可以做到这一点:

$("#content").insertAfter("#sidebar");

这将取决于现场。是的。这是可以做到的。这是一个黑客和完全混乱,但你可以重新设计的主要内容做几乎任何事情。为了给出具体的步骤和CSS规则,我们需要查看代码。否则,这些都是关于z索引、宽度和绝对位置的假设性讨论。jQuery可以从CSS中调用吗?我没有访问HTML源代码的权限!您不需要访问html源代码,但不能从CSS调用jQuery,您只需使用现有的外部脚本并添加它,如果它是纯javascript,我不知道。这将是一个新的问题,标记为javascript。我也无法访问脚本-我正在尝试使用CSS重新设计一个我无法控制的网站