在css中，让边角具有弧度只需要用border-radius这个属性。
写法像这样：border-radius:25px
测试代码如下:
div{
width:200px
height:130px
background-color:wheat
margin-bottom:10px
}
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时问支持不同特性，这也让跨浏览器开发变得复杂。
因为加了这个属性之后，元素li就变成了绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。因此，四个li都定位到了左上角，就产生了重叠的现象。
注意，定位会覆盖掉css代码中的：float:left让其失效。
【position：absolute 】用法：
将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过css z-index属性定义。此时对象不具有边距，但仍有补白和边框。
不要忘记使用left、right、top、bottom的配合定位具体位置。绝对定位如果父级不使用position:relative，而直接使用position:absolute绝对定位，这个时候将会以body标签为父级，使用position:absolute定义对象无论位于DIV多少层结构，都将会被拖出以<body>为父级（参考级）进行绝对定位。
扩展资料：
【position:relative】和【position：absolute 】的差异。
1、对文档流的影响
relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局。
absolute：元素会脱离文档流，如果设置偏移量，会影响其他元素的位置定位。
2、定位原理
absolute：在父元素没有设置相对定位或绝对定位的情况下，元素相对于根元素定位（即html元素）（是父元素没有）。
relative：定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）
参考资料来源：百度百科--position
活用CSS选择器。ul>li (只选择ul的所有直属子元素li)
或者 子元素{float:none}
没有浮动效果这样就够了
你可以通过其他的定位方式隐性处理掉浮动，例如position:absoluteright:0px能实现右浮动的效果，但是父级一定要有position:relative的属性
这是根据目前我对你问题的理解回答出的答案，你没有给出需求的图片或者源代码，可能回答内容不准确。
另外，元素是默认从左侧开始生成的，想让它居中显示或者居右你得特殊设置。
相关知识可以在w3school找到，自己去百度吧，不贴链接防和谐
