我正在尝试编辑页面以使用页面的整个宽度。 我在设置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元素具有