Html 网页设计/网页编程_Html

Html 网页设计/网页编程

html

Html 网页设计/网页编程,html,Html,我正在为我的一个客户设计一个网页。我在使页面右侧与页面左侧处于同一级别时遇到问题。我正在努力使右侧位于页面顶部。我尝试了一些技巧，但似乎没有任何效果。我不想被锁上我只想被关起来。现在，右侧仍停留在页面底部。该文件位于www.bussmanncomputers.net/Jara。请帮帮我这个问题需要一本书来回答。一个好的起点是HTML/CSS布局教程。试试看有很多方法可以做你想做的事最好的方法是使用flexbox显示 <html> <body> <div

我正在为我的一个客户设计一个网页。我在使页面右侧与页面左侧处于同一级别时遇到问题。我正在努力使右侧位于页面顶部。我尝试了一些技巧，但似乎没有任何效果。我不想被锁上我只想被关起来。现在，右侧仍停留在页面底部。该文件位于www.bussmanncomputers.net/Jara。请帮帮我

这个问题需要一本书来回答。一个好的起点是HTML/CSS布局教程。试试看

有很多方法可以做你想做的事

最好的方法是使用flexbox显示

<html>
<body>
    <div class='left'>
    </div>
    <div class='right'>
    </div>
</body>
</html>

另一种方法是使用

float:left在两列上。包括导致您出现问题的代码。在本例中，html和css说明了这个问题。如果你能把它削减到重现问题所需的最低限度，人们就会更容易帮助你。对这个问题做一个简单的处理也是很有帮助的，因为人们可以利用它来找到解决方案。一旦找到解决方案，您的网站将立即更改，因此指向您网站的链接对将来的用户没有帮助。我不确定代码的哪一部分导致了问题，但这是我的css的副本，有问题的部分：#rightside{float:right；width:200px；height:300px；clear:tware；}我把网站放在那里的唯一原因是，有人可以看看代码，看看我是否应该有不同的东西。
body {
    display: flex;
}
.left {
    flex: 3;
}
.right {
    flex: 1;
}