CSS中的边界margin的取值也可以为负值,有时候我们不敢相信,这是一个有趣的话题,负值边界会给我们带来更多新奇的创意,让我们的工作更具刺激和挑战。
来看看一个实例吧
首先看一下CSS代码:
左栏
右栏
左栏
右栏
换成:
右栏
左栏
即可。
但是,当页面很复杂时,各种标签相互嵌套,代码成百上千行,这个看似简单的位置调换,可能需要花上很长的时间,也并一定能达到需要的效果,现在,我们换一种思路来实现:
#box1{
border:solid 5px #ff0099;
background-image:url('bg2.jpg-600');
margin-left:105px;
}
#box2{
border:solid 5px #ffff00;
background-image:url('bg3.jpg-600');
margin-left:-420px;
运行后:
首先看一下CSS代码:
XHTML结构如下:
左栏
右栏
运行结果:
现在,我们想把左右两栏位置互换一下,只需把
左栏
右栏
换成:
右栏
左栏
即可。
但是,当页面很复杂时,各种标签相互嵌套,代码成百上千行,这个看似简单的位置调换,可能需要花上很长的时间,也并一定能达到需要的效果,现在,我们换一种思路来实现:
#box1{
border:solid 5px #ff0099;
background-image:url('bg2.jpg-600');
margin-left:105px;
}
#box2{
border:solid 5px #ffff00;
background-image:url('bg3.jpg-600');
margin-left:-420px;
运行后:
以上就是CSS中的边界margin的取值为负值说明的详细内容,更多请关注0133技术站其它相关文章!