怎样使绝对定位的子元素铺满父元素并且子元素可以设置padding
2015-04-16 00:00
309 查看
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .outer{ width: 500px; height: 500px; background-color: green; position: relative; } .inner{ position: absolute; padding: 10px; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: orangered; } </style> </head> <body> <div class="outer"> <div class="inner"></div> </div> </body> </html>
相关文章推荐
- (转)css 相对定位 绝对定位 浮动 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新)
- 可以设置inline元素的padding和margin吗?
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG
- css基础 出现层叠的两个绝对定位元素 使用z-index属性设置层叠顺序
- 关于行内元素可以设置padding,border的测试
- 绝对定位元素设置水平居中
- css基础 出现层叠的两个绝对定位元素 使用z-index属性设置层叠顺序
- 内联/块级元素的宽高及margin/padding的说明 |||||| 为何img、input等内联元素可以设置宽、高
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG
- IE6 下父级(relative)使用padding后,子元素绝对定位(absolute)的bug
- 【转】父级使用padding后子元素绝对定位的BUG
- 火狐浏览器,绝对定位元素设置display:box失效及解决办法
- 关于行内元素可以设置padding,border的测试
- 1.width是核心内部元素,margin,padding,border值不属于width 2.absolute 两个绝对定位的元素如果是同一父元素会发生重叠,而不是与float一样会正常排布
- 绝对定位 absolute由于不占位置,会与后一个元素重叠在一起,并且会往上找有定位的元素的起点,相对定位则会占有位置。
- IE6父级使用padding后子元素绝对定位的BUG
- vs每次拉下一个控件都必选设置为绝对位置才可以移动,怎样解决啊
- 绝对定位元素的水平垂直居中
- 可以滚动的View设置padding和scrollbar需要注意