我正在尝试编辑页面以使用页面的整个宽度。 我在设置div布局时遇到问题。 已经有一个div 

<div id="rightPanal" style="margin-top: 425px;">

但它的内容距离右侧太远，并且是一列狭窄的列，位于页面中间。

我已经删除/编辑/很多div，但最终却一无所有，并且在不同的浏览器中到处都是。

我可以转到.css文件，然后编写一些CSS来给我一个不干扰屏幕上其他div和布局的页面中间（其中我可以在其中放入两列）的框的功能-说在屏幕上开始X和Y-在四个方框下以相同的大小和文字显示4张图片-全部为正方形？

===============>>#1 票数：1 已采纳

位置：绝对 

#rightPanal {
    position: absolute;
    top: 50%;
}

===============>>#2 票数：1

听起来您想绝对定位：

https://developer.mozilla.org/en-US/docs/Web/CSS/position

此代码应该使您接近： 

#rightPanal {
  position: absolute;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  box-sizing: border-box;
}

  ask by Aindriu translate from so

未解决问题？本站智能推荐：

2回复

CSS将div的位置更改为绝对位置会破坏布局

我在页面底部有一个div（底部）。 它具有背景图像和另一个div（bottomnav），其中包含用于导航的无序列表。 当我将bottomnav的位置更改为绝对位置时，整个底部div都会向上移动到其上方的div中。 另外，我还有一个称为cc的div。 我可以将其更改为绝对没有任何问
1回复

CSS位置/布局让DIV围绕DIV流动？

这很难解释，所以我创造了一个帮助： http://jsfiddle.net/csaltyj/VRZef/ 调整窗格大小，使第一行框从0到10.单击框13.我想要发生的是在框13左侧的那四个空格填充20,21,28，换句话说，我希望盒子完全包裹在左边并且流动AROUND盒子13.这可行
1回复

在流体布局中将div包裹在绝对位置的div之下

我有一个可随浏览器缩放的流体图像旋转器。 我必须将旋转器内的图像设置为绝对图像，但这会影响布局，因为“主体内容”位于图像后面。 如果将图像设置为相对图像，则图像旋转器不起作用。 我整天都在看着，有人有什么想法吗？ 这是我的代码： HTML： CSS： 这是我的小提琴
1回复

DIV CSS布局-固定位置展开父级

我正在查看一个满足我需要的“拖放”脚本，但是DIV定位和固定DIV却存在一些问题，但允许扩展其父级。 我创建了一个CodePen示例。 基本上，我在页面left有一个list ，该list可能会增加或缩小。 该div会正确扩展和收缩。 该页面的一个正确的我有一个dropzon
1回复

div布局出现问题，无法到达应有的位置

EDIT * 问题显然归结为以下事实：我需要在大图像上使用相对位置，以便我可以调整最高值。 这会导致将拇指放在主图像的顶部。 当我删除主图像的相对位置时，流程看起来不错，但是顶部位置被忽略了-我有点需要同时开发此应用的动态操作 * 我希望我能理解为什么在90％的时间去div布局时会发生
1回复

在不破坏当前布局的情况下放置Div的位置

我目前正在使用几个div来设置背景样式以及设置用于悬停的叠加层。 问题是我想创建一个额外的div，以便我也可以在悬停时设置框的样式，但是我不确定在不破坏格式的情况下将新的div放置在HTML中的位置（.captionbox类例如）。 我的代码和JS Fiddle如下。 任何帮助表示赞赏
1回复

通过响应式布局获取Div位置

我在页面上有一个div，当按下按钮时，它作为整个页面的叠加层。 这是我遇到的问题： 当显示叠加层时，我使用Javascript使用以下方法定位从页面顶部开始的叠加层： 但是，当我更改页面的大小时，而不是动态获取myVideo div的新位置，它似乎保持原始位置。 因此，当我展开
1回复

3列布局：Div的固定位置

因此，我目前正在研究3列网站模板，并设法出于SEO的目的重新排列了div。 我唯一的问题是，即使尚未100％加载，它看起来也很恐怖。 这是尚未完全加载时的外观http://i.imgur.com/JgGKzqL.png 100％加载： http ： //i.imgur.com/5R
4回复

css布局，div位置，对齐方式和z-index的问题

我真的很努力与此。 下面是我要实现的布局图。 它有一些叠加层等。希望图像能解释更多有关外观的信息，内容中的两个列确实给我带来了麻烦。 我似乎无法将它们放在一起，背景移到底部，而页脚显示在下面。 我希望这是有道理的。 另外，两个col应该比它们在图像上显示的方式高一些，它们应该出
3回复

位置：固定在div内，CSS布局中宽度不正确

我正在尝试为我的网站创建一个两列布局，其中包括在其中一列中包含固定的div。 以下是概述，图像和我的代码。 任何帮助，将不胜感激。 总览 我有两个高度都为100％的元素。 .user-nav nav元素和.container div元素。 .user-nav元素具有