CSS div将元素向下移动

-1

我正在处理我的投资组合，当浏览器调整大小时，我遇到了左侧图像向左移动的项目描述问题。这里有一个问题的图片：点击这里当你调整浏览器的大小时，文本会移动并移动图像。我试过设置最小宽度，但这并不能帮助文本和图像div，以确保它不会在某个点调整大小。CSS div将元素向下移动

下面是一个示例链接到页面本身：[点击这里] [2]

我尝试添加最小宽度的图像元素，但不工作的。我不想使用绝对位置，因为它将在重新调整大小上重叠。任何想法或建议？

来源

2011-04-25 dope

你想要发生什么？一个水平滚动条出现？ – thirtydot 2011-04-25 18:37:57

不，我只是想让这些元素根本不要移位，并留在他们的位置。 – dope 2011-04-25 18:39:51

您的图像宽度为1000+像素，并且您将描述的宽度指定为350Px。因此，无论您何时将浏览器的大小调整为小于1350像素（不包括边距或填充），图像都会跳转......这是浏览器的正确行为。指定图像包装器的宽度将允许您水平滚动，但最终的解决方案（例如）是否真的需要一个大的图像）？就个人而言，我讨厌在一个并非为它设计的网站上水平滚动，就像我讨厌在页面上浏览浮动的网页一样。 – kjl 2011-04-25 18:45:48

您有一张1052像素宽的图像，该图像位于UL元素中，其左侧边距为1.5em。您的说明框是350px。基本上你的#imagewrapper div需要等于或者比所有这些元素都要宽。

现在大概是1422px。如果你的UL.imagewrap-pad的有效字体大小发生改变，它将会改变。

这是一个相当宽的网站。如果你将它制作为一般浏览，你可能应该缩小一点，特别是现在所有的平板电脑等等。

反正你想要的代码是

#imagewrapper 
{ 
    width:1422px; 
    margin:0 auto; 
}

第二行使得中央在屏幕上。

P.S - 获取Firebug for Firefox，或在Chrome中使用类似的工具。他们让你无休止地实验风格，以找出什么适合你。

来源

2011-04-25 18:51:17 musaul

为了解决刚才设置的“宽度”财产#imagewrapper问题：

#imagewrapper { 
    width: 1430px; 
}

来源

2011-04-25 18:37:58

嗨，谢谢你的回答，但项目描述会转移到左侧。我想知道是否有办法在右边的菜单下保留它？ – dope 2011-04-25 18:43:08

你试过父元素上设置宽度ATTR左右1800px？

div＃imagewrapper { width：1800px; }

它将把滚动条在您的浏览器的底部，但如果你希望把他们的文字旁边这么大的图像，然后你需要一个很大的空间。请记住，它不适合用户显示器。为了让它看起来不错，我猜你应该将该属性应用于body标签。

来源

2011-04-25 18:44:11 gswierczynski

CSS div将元素向下移动

回答

相关问题