html5 直接子元素,css,html5_css中设置有border-radius的时候,其子元素不能够完全填充父元素?，css,html5 - phpStudy...

css中设置有border-radius的时候,其子元素不能够完全填充父元素?

现在有一个div,其class为 div-parent

他有一个子div,其class为 div-child,代码如下所示

他们的样式这么定义:

.div-parent{

background-color:#000;

border:5px solid #f00;

border-radius: 150px;

position:relative

overflow: hidden;

width: 150px;

height: 150px;

}

.div-child{

background-color: #fff;

position:absolute;

border-radius: 150px;

width:100%;

height:100%;

left:0px;

top:0px;

}

原本的设想是,子div能够完全填充父div的,但实际上..

仔细看就会发现,有一圈黑色的没有被覆盖到,求问怎么解决这个问题.

于是乎我把外面那圈红色给去掉了,还是有那么一圈黑色的,这样子看更明显~补张图

相关阅读:

flask表单提交无法正常执行流程问题

netstat查看端口

大家用什么PHP编辑器

mongoose dbref问题

chrome插件实现在阿里的购买页面里面能根据预先给定的具体地址来自动选择省、市、区，信息不会自动变化？

如何阻止sublimecodeintel在输入 ; 后生成提示？

C语言 数据结构的问题

sqlalchemy如何使用dblink

js对象访问属性有两种方法 ”.”记法和”[ ]“记法，有什么区别吗？

PHP：BCMath(BC高精准度函数库)的实现原理或者函数源码

go 语言中mysql操作200万数据时应该如何写？

absolute和relative的区别很大？

windows目录分隔符是\，但D:\JavaBooks和D:/JavaBooks为什么都可以正确地打开JavaBooks目录？

使用Scrapy中的Request的时候，怎么把拿到的内容编码转换为utf-8?

请问使用requests如何指定使用的User-agent

mysql如何日期筛选

Python 和Qt C++程序如何有效的通信

pm2 node-schedule, 为什么代码会在每个进程中重复执行?

能否给个响应式布局的简单例子？？

在同一个局域网内ipad如何与window快速传视频文件