最新文章专题视频专题问答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:47:44
文档

一个大的难题~~~样式的难题~~~我发现想不出来解决方法_html/css_WEB-ITnose

一个大的难题~~~样式的难题~~~我发现想不出来解决方法_html/css_WEB-ITnose: #wrapper{width:800px;position:absolute;left:50%;margin-left: -400px;height:300px;border:1px solid red} 网页呈现的是一个div居中, 现在要做的是,【紧接着】这个div,要在它下面加一个div, 比如123 紧接着的含义
推荐度:
导读一个大的难题~~~样式的难题~~~我发现想不出来解决方法_html/css_WEB-ITnose: #wrapper{width:800px;position:absolute;left:50%;margin-left: -400px;height:300px;border:1px solid red} 网页呈现的是一个div居中, 现在要做的是,【紧接着】这个div,要在它下面加一个div, 比如123 紧接着的含义


				



网页呈现的是一个div居中,

现在要做的是,【紧接着】这个div,要在它下面加一个div,

比如123

紧接着的含义是,在id为wrapper的div正下方,左端距离一样,顶部接上面的div

发现相当难~~~~


回复讨论(解决方案)

body的样式是:text-align:center;
下面的div:width:960px;margin:0 auto;

body的样式是:text-align:center;
下面的div:width:960px;margin:0 auto;



    123 

这样应该就可以了吧,难道你不是这个意思?



当然不是~~~~123在wrapper里面 当然错了~~

用float,clear

123在wrapper外边
wrapper是绝对定位的,要让123在wrapper正下方,那么123也必须绝度定位
这有很渴可纠结的?

123在wrapper外边
wrapper是绝对定位的,要让123在wrapper正下方,那么123也必须绝度定位
这有很渴可纠结的?

为了方便观察,我把这个wrapper的高度是设成固定的,,实际运用中wrapper明显高度是自适应的,

所以很难~~~~

我感觉样式的问题都不是问题,只是我现在有点不懂你的意思了
要不你画个效果图(简单明了一点)上来,绝对定位不怎么可靠地,分辨率不一样,会错位

这有什么不可理解的?
他说的样式就是:你截取 “回复于”和“我感觉” 这两个区域的样子
前者是wrapper,后者是123

由于wrapper是绝对定位的,所以123也必须绝对定位。即123的左上角要与wrapper的左下角重合
如果wrapper的高度是自适应的,那么123就必须动态获取wrapper的高度来实现定位。这没有js参与就不可实现

当然,使用相对定位或者不用div就简单多了

亲可以看看我这个,我稍微调了一下

   123	 	 

div1div2






123



给分 完美解决






123


这样不行么???

assdf
1234

文档

一个大的难题~~~样式的难题~~~我发现想不出来解决方法_html/css_WEB-ITnose

一个大的难题~~~样式的难题~~~我发现想不出来解决方法_html/css_WEB-ITnose: #wrapper{width:800px;position:absolute;left:50%;margin-left: -400px;height:300px;border:1px solid red} 网页呈现的是一个div居中, 现在要做的是,【紧接着】这个div,要在它下面加一个div, 比如123 紧接着的含义
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top