怎样使绝对定位的子元素铺满父元素并且子元素可以设置padding

2019独角兽企业重金招聘Python工程师标准>>>

<!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>

转载于:https://my.oschina.net/u/1992917/blog/402326

怎样使绝对定位的子元素铺满父元素并且子元素可以设置padding相关推荐

父页面与子ifream传值，父页面获取子页面document元素与方法
1.父页面获取子ifream中document元素方法 window.document.getElementById('warnIfream').contentWindow.document.getE ...
CSS子元素撑满父元素（height: 100%无效）
原因分析明确一点:子元素设置height: 100%需要父元素有确定的高度: 如果父元素高度是被子元素②撑起来的,此时我们想让子元素①撑满高度,height: 100%无效. 解决办法父元素: p ...
vue 父组件传子组件数值，父值变更子获取的值没有变的问题
1.父组件给子组件传值,子组件使用props接收值. //父组件 <div><Treeselect :value="editFormData.customerId" ...
vue父组件变量传递子组件_Vue.js 父组件向子组件传递数据通过 props
我的使用场景:父组件:home.vue 子组件:feed-section.vue 父组件 home.vue 通过请求拿到数据后,传递给子组件 feed-section.vue:因为在子组件中需要渲染 ...
什么是VUE的父组件和子组件？那么父组件和子组件又是怎样传值的呢？
有时候我们经常分不清什么是父组件,什么又是子组件.现在来简单说下:我们将某段代码封装成一个组件,而这个组件又在另一个组件中引入,而引入该封装的组件的文件叫做父组件,被引入的组件叫做子组件.以上是我个人 ...
css 铺满父元素的最好用的一种方式
个人最喜欢用的一种方式就是:(最适合写一个新页面的最外层container) 父级元素设置position:relative; 子元素如下: {position:absolute:top:0;left ...
html文字自动铺满页面,body height:100%让页面容器元素铺满窗口
div 容器height:100% 我们想要让页面中的一个div容器能够实现自适应浏览器窗口的高度,这时候我们一般不希望牵扯js,简单的通过css的height:100%来实现高度的自适应. 这样是不 ...
html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js
iframe获取父页面元素: JavaScript: $(window.parent.document.getElementById("元素id")) jquery: $(&quo ...
html 填满父容器,CSS让子元素div的高度填满父容器的剩余空间的方法
1.使用浮动的方式效果图: 代码如下:(注意,此时.content的高度是500px,即父元素的高度,但是浮动元素在 .content 上方,盖住了 .content,将 .nav背景样式改为 ba ...

怎样使绝对定位的子元素铺满父元素并且子元素可以设置padding

怎样使绝对定位的子元素铺满父元素并且子元素可以设置padding相关推荐

最新文章

热门文章