div块儿的css定位div

  烈火网()CSS教程 CSS多层绝对css定位div的┅个小演示多个层嵌套在一起,学习CSS布局的一个好例子


提示:可修改后代码再运行!

可选中1个或多个下面的关键词搜索相关资料。也可直接点“搜索资料”搜索整个问题

此时的div2就相对于div1进行基准css定位div了。。

因为绝对css定位divposition:absolute不在标准流中,所以内聯元素不知到他的位置会跑到他的下面去。。这里就看你需要什么样式了如果简单的可以用padding和margin配合完成,让内联元素出来。但屏幕缩小放大就变形了。

就是你改写一下你的HTML

这种方法比第一种好这里看你的需求了///

 我之前没有完全理解你的意思!
你所要求的:需要看到div1的内容和div2的内容,但必须是“绝对css定位div”这点做不到CSS在目前为止是不可能完成!
如果不需要“绝对css定位div”,当为div2设置为float:right(或left)后既可以可以看到div1有可以看到div2的内容。
不能做到的原因是:div2设置为position:absolute他就脱离了标准流,可以在DIV1中随便css定位div!!但是div1中的元素就当他鈈存在一样,内容会跑到它下面去!

把div2放在div1里div1使用相对css定位div,div2使用绝对css定位div

具体点的代码查手册,主要设置div2的top值和left值自己试想要的效果。

我要回帖

更多关于 css定位div 的文章

 

随机推荐