Html Iframe侧边栏css_Html_Css_Iframe_Alignment_Sidebar

Html Iframe侧边栏css

html css iframe

Html Iframe侧边栏css,html,css,iframe,alignment,sidebar,Html,Css,Iframe,Alignment,Sidebar,我搜索了很多，但我不是一个开发人员，我最终得到的是一种几乎可以使用css的（我认为）大量无用代码。。窗口调整大小时调整大小的侧栏。显示未对齐的输入字段和按钮。在firefox上，区别并不是那么烦人，但在chrome上却是一团糟 Index.html <html> <body> <iframe width="100%" height="29%" style="border:none" align="top" id="iframe_clock" name="iframe

我搜索了很多，但我不是一个开发人员，我最终得到的是一种几乎可以使用css的（我认为）大量无用代码。。窗口调整大小时调整大小的侧栏。显示未对齐的输入字段和按钮。在firefox上，区别并不是那么烦人，但在chrome上却是一团糟

Index.html

<html>
<body>
<iframe width="100%" height="29%" style="border:none" align="top" id="iframe_clock" name="iframe_clock" src="http://10.11.12.13:3118/index2.html"></iframe>
<iframe width="24%" height="70%" style="border:none" align="left" id="file2" name="file2" src="file2.php"></iframe>
<iframe width="75%" height="67%" style="border:none" align="right" id="read" name="read" src="read.php"></iframe>
</body>
</html>

因此，侧边栏位于左侧的iframe内，我希望它从右侧开始（靠近其框架的右边框），并且我希望当整个网页调整大小（不同的显示器分辨率）时，侧边栏将拉伸（如果无法保持固定宽度），但保持对齐。。当然，与iframe的右侧对齐

我确信上面的很多代码都是不好的，所以请随意修改，因为您认为这样会更好。谢谢你们

试试这个，如果答案不起作用，我会编辑它

#sidebar {
    position: fixed;
    top: 0;
    height: 100%;
    right: 0;
    width: 100%;
}

试试这个，我会编辑我的答案，如果它不工作

#sidebar {
    position: fixed;
    top: 0;
    height: 100%;
    right: 0;
    width: 100%;
}

我不知怎么做到了

CSS

在html上，我刚刚改变了

改为

，因为这看起来更干净。

我不知怎么做到了

CSS

在html上，我刚刚改变了

到

，因为这看起来更干净。

为什么要使用iframes？因为它更好地实现了我想要实现的目标：顶部有一个时钟，它是一个倒计时，侧边栏read.php不能干扰它。边栏必须在某个地方显示结果，边栏本身不会消失。。我考虑了侧边栏的iframe和结果的iframe。。然后因为我不擅长发展。。我是一名系统管理员。正确的方法是使用PHP和

include

。我知道这个函数，我以前使用过。这真的是最好的解决办法吗。。？我的主要问题是css，从来没有学过。。我仍然会用桌子来做任何事情。我是说。。任何解决方案都可以接受，只要我能为每个浏览器和分辨率的页面提供固定的形状（并保持时钟、侧边栏和主要内容的实际行为），为什么要使用iframes？因为它更适合我想要实现的目标：在顶部有一个时钟，它是一个倒计时和侧边栏，read.php不能干扰它。边栏必须在某个地方显示结果，边栏本身不会消失。。我考虑了侧边栏的iframe和结果的iframe。。然后因为我不擅长发展。。我是一名系统管理员。正确的方法是使用PHP和

include

。我知道这个函数，我以前使用过。这真的是最好的解决办法吗。。？我的主要问题是css，从来没有学过。。我仍然会用桌子来做任何事情。我是说。。任何解决方案都是可以接受的，只要我能为每个浏览器和分辨率的页面提供固定的形状（并保持时钟、侧边栏和主要内容的实际行为）。不，对不起，我没有改变。你知道有哪个网站我们可以共享代码并同时工作吗？因为这可能会更容易在表面上工作一个好的！谢谢这是原始代码：如果我能添加css纯样式，那就太好了。。我正在编辑。。现在我看到的问题是侧边栏将整个页面向右移动。是不是最终的布局太乱了？@Nihvel你到底想要什么？是否要将

#侧边栏

内容向右对齐？是的，向右对齐。避免低分辨率会弄乱它的内容：当我调整窗口大小时，输入字段会拉伸。这就像侧边栏右侧有很多未使用的空间，很容易被拉伸。如果最终对齐总是与两个下拉框的确切长度相对应，那将是非常好的。对不起，我没有改变。你知道有哪个网站我们可以共享代码并同时工作吗？因为这可能会更容易在表面上工作一个好的！谢谢这是原始代码：如果我能添加css纯样式，那就太好了。。我正在编辑。。现在我看到的问题是侧边栏将整个页面向右移动。是不是最终的布局太乱了？@Nihvel你到底想要什么？是否要将

#侧边栏

内容向右对齐？是的，向右对齐。避免低分辨率会弄乱它的内容：当我调整窗口大小时，输入字段会拉伸。这就像侧边栏右侧有很多未使用的空间，很容易被拉伸。如果最终对齐始终与2个下拉框的确切长度相对应，那就太好了

#sidebar {
    position: fixed;
    top: 0;
    height: 100%;
    right: 0;
    width: 100%;
}

#container
{
    width: 450px;
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height: 100%;
    left: 20%;
}
#sidebar
{
    position: fixed;
    width: 450px;
    padding-top: 100px;
    text-align: left;
}