0

0

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

php中文网

php中文网

发布时间:2016-06-24 12:16:08

|

1113人浏览过

|

来源于php中文网

原创

						



网页呈现的是一个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

div1
div2

nbsp;html>
    


        
    
        

123

    


给分 完美解决 

nbsp;html>
    


        
    
        

        
123


    

这样不行么???


assdf
1234

  

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

10

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

13

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

11

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

8

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

55

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP自制框架
PHP自制框架

共8课时 | 0.6万人学习

JavaScript OOP调试技巧视频教程
JavaScript OOP调试技巧视频教程

共5课时 | 1.0万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号