最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

新手求助,一个页面布局的问题。_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 15:50:50
文档

新手求助,一个页面布局的问题。_html/css_WEB-ITnose

新手求助,一个页面布局的问题。_html/css_WEB-ITnose: #divBody { width: 1024px; margin: 0 auto; } #container { margin: 0 auto; width: 950px;} #header { width: 950px; height:300px; margin: 0 auto; background-color: #aaaaaa; margin-bottom: 10px; border-bottom: 3px solid; } #new {width: 205px;
推荐度:
导读新手求助,一个页面布局的问题。_html/css_WEB-ITnose: #divBody { width: 1024px; margin: 0 auto; } #container { margin: 0 auto; width: 950px;} #header { width: 950px; height:300px; margin: 0 auto; background-color: #aaaaaa; margin-bottom: 10px; border-bottom: 3px solid; } #new {width: 205px;


  headernewrecommendall


回复讨论(解决方案)

这个代码,
页面拖动的话就会乱了,
recommend 和 all的部分。。

  headernewrecommendall



recommend all
调整下 left 就可以了 啊。

你绝对定位left top没调好啊

2楼的代码我用ie9浏览器, 22寸显示器
全屏以后recommend,all和new都重叠了。

话说这个论坛不能上传图片???????

我把这个三个div全设置了float:left,问题才解决了


用position:absolute的话, 右边两个div的位置就会固定。而 header和new是随着浏览器动的。

float 属性 只要你的div能 固定住 都是最好加上的

我把这个三个div全设置了float:left,问题才解决了


用position:absolute的话, 右边两个div的位置就会固定。而 header和new是随着浏览器动的。
学习一下

问题很多,你可以测试把窗口缩小化,然后去刷新页面估计问题更大了,position: absolute;父层没有positon:re.....意思就是直接针对body去绝对定位了,没问题就才怪了,

父层没有positon:re.

neng jiangjiang ma? mei jian guo zhege.


问题很多,你可以测试把窗口缩小化,然后去刷新页面估计问题更大了,position: absolute;父层没有positon:re.....意思就是直接针对body去绝对定位了,没问题就才怪了,

说实话我没看明白你到底要做一个什么效果。这么多人回帖我先估计是我理解力不行了。但是 真的不明白你要弄一个什么布局。我想 应该是比较简单的事。

父级没有设置一个相对定位 position:relative;导致后面的绝对定位是相对于body做的绝对定位。明白?

哦哦哦哦
原来relative是这么用的

父级没有设置一个相对定位 position:relative;导致后面的绝对定位是相对于body做的绝对定位。明白?

文档

新手求助,一个页面布局的问题。_html/css_WEB-ITnose

新手求助,一个页面布局的问题。_html/css_WEB-ITnose: #divBody { width: 1024px; margin: 0 auto; } #container { margin: 0 auto; width: 950px;} #header { width: 950px; height:300px; margin: 0 auto; background-color: #aaaaaa; margin-bottom: 10px; border-bottom: 3px solid; } #new {width: 205px;
推荐度:
标签: 新手 页面 问题
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top