css li元素平分父div

 <div class="right"><ul><li><a href="#">我的订单</a></li><li class="envent-li"><a href="#" ></a></li><li><a href="#">我的品优购</a></li><li class="envent-li"><a href="#" ></a></li><li><a href="#">品优购会员</a></li><li class="envent-li"><a href="#" ></a></li><li><a href="#">企业采购</a></li><li class="envent-li"><a href="#" ></a></li><li><a href="#">关注品优购</a></li><li class="envent-li"><a href="#" ></a></li><li><a href="#">客户服务</a></li><li class="envent-li"><a href="#" ></a></li><li><a href="#">网站导航</a></li></ul></div>

.header .right{float: right;
}
.right ul li{float: left;
}
//记录margin的区别
.envent-li{float: left;/* margin: 9px 15px 0; */
}

若把margin上边距改为 0：

.envent-li{

float: left;

margin: 0 15px 0;

}

结果：Li元素没有平分父盒子，右侧有空白

若添加margin上边距

.envent-li{

float: left;

margin: 1px 15px 0;

}

结果：li元素平分父元素

css li元素平分父div相关推荐

html让空间高度跟随父级,CSS子元素跟父元素的高度一致的实现方法
绝对定位方法: (1)将父元素设置为相对定位,不写父元素的高度时,会随着左边的子元素高度变化而变化 .parent { /*关键代码*/ position: relative; /*其他样式*/ wi ...
CSS子元素选择父元素
通常一个CSS选择器都是从上往下选择的,通过父元素选择子元素,那么能不能通过子元素选择父元素呢? <ul><li><a href="#" class= ...
css设置元素继承父元素宽度_前端新手必知-5种新型的CSS长度单位
众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利.随着web继续不断地发展,对于新技术新解决方案的要求也会不断增长. 因此,作为网页设计师和前端开发人 ...
css设置元素继承父元素宽度_CSS设置HTML元素的高度与宽度的各种情况总结
1.元素不设宽度第一种情况:元素为文档流中元素 dd dd dd 结论1:把子元素定位换成position:relative与上述例子表现一样,因此在元素不设宽度时,若元素为文档流中元素,则此元素继 ...
css设置元素继承父元素宽度_详解CSS中的百分比的应用
前言百分比的应用随处可见,但是就一直没有机会去好好总结一下,如今项目中遇到的坑都是当年留的泪,在月底之前终于把这个好久想总结的文章给写完了. 1.使用百分比的场合在目前项目中,最常用百分比的莫过于 ...
CSS子元素居中(父元素宽高已知，子元素未知)
<style> .container{width:400px; height:400px; position:relative;} .center{position:absolute; l ...
css设置元素继承父元素宽度_CSS设置超链接A标签宽度和高度
CSS成功定义设置超链接a宽度与高度方法在DIV CSS布局中,html中a超链接标签,直接对其设置宽度和高度不能生效,设置宽度和高度也不起作用,这里为大家分享解决实现A标签宽度和高度实现. 解决方 ...
html dom获得父div,获取元素的父div
如果您正在寻找一种比直接父元素更远的元素,可以使用一个在DOM上查找直到找到一个或没有找到的函数: // Find first ancestor of el with tagName // or un ...
img标签元素随父div等比例缩放
.div {width: 55%;img {width: auto;height: auto;max-width: 100%;max-height: 100%;} }

css li元素平分父div

css li元素平分父div相关推荐

最新文章

热门文章