Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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 Div占用的空间比它多';它的最大媒体像素应该是468_Html_Css - Fatal编程技术网

Html Div占用的空间比它多';它的最大媒体像素应该是468

Html Div占用的空间比它多';它的最大媒体像素应该是468,html,css,Html,Css,zoomimg设置为宽度:145px;高度:145px;但是它把假定在它的父对象中的文本从父对象中推出 Zoomimg ProjectKort divs是要查看的 .projectkort{ margin: 10px 0px 10px 0px; width: 100vw; height: 150px; background-color: white; border-radius: 0px; } .zoomimg { margin: 5px; width: 145px;

zoomimg设置为宽度:145px;高度:145px;但是它把假定在它的父对象中的文本从父对象中推出

Zoomimg ProjectKort divs是要查看的

.projectkort{
  margin: 10px 0px 10px 0px;
  width: 100vw;
  height: 150px;
  background-color: white;
  border-radius: 0px;
}
.zoomimg {
  margin: 5px;
  width: 145px;
  height: 145px;
  transition: all .3s ease;
  opacity: 1.0;
  position: relative;
  overflow: hidden;
}

它在这里是实时的->

只为较小的移动断点将“溢出:隐藏”添加到projectkort类中


盒子里的东西比容器宽,所以它们溢出来了。一旦我在父projectkort类中添加了overflow:hidden,mobile上的溢出就消失了。

projectkort中的html是什么?碰巧是一张桌子吗?由于某些原因,我无法上传html,但这里有一张图片。你也可以访问tsuts.tskoli.is/2t/2809984199/skapalon并查看源代码。我似乎不工作,唯一发生的事情是文本消失了,zoomimg似乎仍在使用UPP100vw。在你的第一个移动断点-添加:溢出:隐藏!重要的;去projectkort班
@media screen and(max width:768px){.projectkort{overflow:hidden!important;}}
同样,文本消失了,但我需要文本在projectkort父级中,因为它工作正常,只是不正常,似乎没有人知道该怎么做。我已经邀请了大约10个人去看一看,没有人能看到到底发生了什么。如果你进入chrome并检查页面,zoomimg会占用将文本向外推的空间,它的宽度设置为140px,仍然会占用projectkort内的所有空间。它可能与菜单或col div有关,但我所做的一切似乎都无法修复它。