Twitter bootstrap div是重叠的I';我试着使用利润率上限:100px;但我感觉到了';这不是最好的办法

Twitter bootstrap div是重叠的I';我试着使用利润率上限:100px;但我感觉到了';这不是最好的办法,twitter-bootstrap,css,css-position,Twitter Bootstrap,Css,Css Position,我有两个重叠的div,上面的文本是position:absolute;因为有z索引,在添加第二个div之后,它们重叠了 [1] :“2个div” .content.box{ 宽度:400px; 高度:400px; 边界半径:10%; 变换:旋转(-15度); -webkit变换:旋转(-15度); -moz变换:旋转(-15度); -ms变换:旋转(-15度); -o变换:旋转(-15度); 背景色:白色; 浮动:左; 左边距:50像素; 利润上限:-80px; 浮动:左; 位置:相对位置; z

我有两个重叠的div,上面的文本是position:absolute;因为有z索引,在添加第二个div之后,它们重叠了

[1] :“2个div”
.content.box{
宽度:400px;
高度:400px;
边界半径:10%;
变换:旋转(-15度);
-webkit变换:旋转(-15度);
-moz变换:旋转(-15度);
-ms变换:旋转(-15度);
-o变换:旋转(-15度);
背景色:白色;
浮动:左;
左边距:50像素;
利润上限:-80px;
浮动:左;
位置:相对位置;
z指数:-2;
}
.内容h1{
变换:旋转(15度);
-webkit变换:旋转(15度);
-moz变换:旋转(15度);
-ms变换:旋转(15度);
-o变换:旋转(15度);
字体系列:“Nexa light”;
字体大小:25px;
左边距:60像素;
利润上限:70像素;
}
.内容h1:之后{
内容:“;
显示:块;
边框底部:10px实心#f2d44b;
宽度:280px;
利润上限:-15px;
}
.content>p{
显示:块;
位置:绝对位置;
z指数:2;
边缘顶部:50px;
左边距:75px;
文本对齐:对齐;
线高:35px;
字体系列:“Nexa light”;
字号:1em;
右边填充:75px;
边框:2倍纯红;
}
.里程碑{
边缘顶部:250px;
宽度:100%;
身高:485px;
背景:线性梯度(rgba(42,39,61,0.5),rgba(42,39,61,0.5)),url(“(u2/BG.jpg”);
背景位置:中心;
背景附件:固定;
背景尺寸:封面;浮动:左侧;
}
.里程碑,左边{
浮动:左;
宽度:2倍;
身高:100%;
背景色:rgba(255255,0.2);
左边距:100px;
位置:绝对位置;
}
.里程碑.左img{
位置:相对位置;
最高:12%;
左:-20px;
宽度:39px;
高度:40px;
}
.里程碑,对{
浮动:左;
显示:表格;
浮动:左;
颜色:白色;
左边距:100px;
利润率最高:10%;
}
.里程碑,对,李{
列表样式:无;
}
.里程碑。右ul li:第n个孩子(1){
字体系列:“Nexa bold”;
字体大小:35px;
}
.里程碑。右ul li:第n个孩子(2){
颜色:#f2d44b;
字体系列:“Nexa light”;
字体大小:15px;
文本对齐:左对齐;
}
.里程碑。右ul li:第n个孩子(3){
字体系列:“Nexa light”;
字体大小:15px;
宽度:550px;
线高:30px;
浮动:左;
文本对齐:对齐;
}

什么是肾脏排斥

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件包括Lorem Ipsum的版本而流行。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

  • 里程碑1进度2017年6月1日至2017年10月31日
  • 里程碑标题名称

  • 该项目已于2017年6月开工,预计两年内完工。项目交付物包括完整功能的系统原型,以及推荐的硬件设置和用户手册,以及完整的软件堆栈和API


我不确定您想要的HTML结构。但是我可以看到有很多CSS风格的问题。我已经尝试清除那些似乎与我无关的风格,现在所有元素都开始占据相关空间。请告诉你的要求你正在努力实现什么

.content.box{