Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/22.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 - Fatal编程技术网

Html 为什么要把物品放在下面?

Html 为什么要把物品放在下面?,html,css,Html,Css,这真是令人困惑,我从来没有发生过这种情况 对于我的电脑来说,它是好的。但对于我试过的其他人的电脑来说,它出了问题 因此,在我的网站designastease.com上,第二个栏向下,它将第五个项放在前四个项的下方。我不知道它为什么这样做。我想让他们跨越酒吧,但中途停车。帮我摆脱困境 HTML 这与浏览器的宽度有关。尝试抓住浏览器的边缘并将其移入移出,以查看您的设计在不同画布尺寸上的效果 问题是quicklinks div与右浮动菜单冲突。使用: #quicklinks { clear: ri

这真是令人困惑,我从来没有发生过这种情况

对于我的电脑来说,它是好的。但对于我试过的其他人的电脑来说,它出了问题

因此,在我的网站designastease.com上,第二个栏向下,它将第五个项放在前四个项的下方。我不知道它为什么这样做。我想让他们跨越酒吧,但中途停车。帮我摆脱困境

HTML


这与浏览器的宽度有关。尝试抓住浏览器的边缘并将其移入移出,以查看您的设计在不同画布尺寸上的效果

问题是quicklinks div与右浮动菜单冲突。使用:

#quicklinks {
  clear: right;
}

…在您的css中更正此问题。看起来你仍然需要计算一些垂直间距,但这会让你走上正确的轨道。有关清除的更多信息,请参见此处:

A
clear:both
for
#quichlinks
解决了这个问题

看起来,下面的一组将为您完成这项工作:

#quicklinks{
width:90%;
margin-left:auto;
margin-right:auto;;
height:25px;
background:#e5e5e5;
border-bottom: 1px #c9c9c9 solid;
border-left: 1px #c9c9c9 solid;
border-right: 1px #c9c9c9 solid;
top:-16px;
position:relative;
}

希望它能帮助您使用什么浏览器,以及在其他计算机上检查什么浏览器?
#quicklinks {
  clear: right;
}
#quicklinks{
width:90%;
margin-left:auto;
margin-right:auto;;
height:25px;
background:#e5e5e5;
border-bottom: 1px #c9c9c9 solid;
border-left: 1px #c9c9c9 solid;
border-right: 1px #c9c9c9 solid;
top:-16px;
position:relative;
}