移动css3 两个相同的li并排放置高度不同怎么解决
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动css3 两个相同的li并排放置高度不同怎么解决相关的知识，希望对你有一定的参考价值。
参考技术A <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
div ul
width:610px;
overflow:hidden;
div ul li
list-style-type:none;
div ul li.left
background:blue;
float:left;
width:200px;
height:300px;
div ul li.right
background:gray;
float:left;
width:400px;
height:300px;
</style>
<body>
<div>
<ul>
<li class="left">左边内容</li>
<li class="right">右边内容</li>
</ul>
</div>
</body>
</html>
注意：
1、ul的宽度 要大于等于 所有li相加的宽度，
2、li 需要加 float:left; 左浮动，如果是向右排列，就加float:right 右浮动
其他的值可以随意设置本回答被提问者采纳 参考技术B ul定高度，li标签高度百分百 参考技术C 不贴代码你说个毛线啊
li横向并排2列排版，保证每行的两个li高度一致
li做浮动布局，左右高度不一致会出现错乱
解决：
li:nth-of-type(odd){clear:both;}
以上是关于移动css3 两个相同的li并排放置高度不同怎么解决的主要内容，如果未能解决你的问题，请参考以下文章