各位网友好，小编关注的话题，就是关于li 为什么浮动不上去的问题，为大家整理了3个问题li 为什么浮动不上去的解答内容来自网络整理。
html如何设计过渡线
1、要设置隔开线可以使用border标签。打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，css样式里让li标签左浮动并加入简单的样式： 2、在css里设置border-left的样式，然后需要使用“:first-chirld”伪类让第一个li标签的border消失： 3、最后保存一下，在软件右侧的浏览器就可以观察到最终效果了。以上就是给li标签加割线的操作：
ul li怎么横向排列啊，新手详细点
因为li是块级元素，默认占一行的，要想实现横向排列，一般通过以下两个方法：
float:left
这样设置有一个问题，li浮动以后则脱离了文本流，即不占位置，如果它的父级元素有具体的样式且没有固定宽高，建议父元素清除浮动，或者设置固定宽高
display:inline-block
即把li变为行内元素且可以设置宽高以及边距，这样也有一个问题，低版本的ie浏览器不兼容inline-block，建议在其后再加两个属性兼容低版本ie
*display:inline;
*zoom:1;
table和ul的区别
table：宽度自适应，或者简单的宽度控制
ul-li：用浮动和百分比
ul-li：用弹性盒子
今天纠结的小点：
如果要行可点击时，排除 table，用 ul。
如果有页签切换，直接用 table 不可行：如果宽度纯自适应，那切换时列表看起来会抖，体验>欠好/p>
宽度的分配问题：百分比不好设置，尤其移动端屏幕宽度不定。有时窄屏下刚刚好的比例到宽屏下就有些空荡不协调了；宽屏下合适的比例在窄屏下又被挤的掉下去了-这个很严重的。
先说说这三种布局的特点：
table
1.没有行点击的，可用
2.没有页签切换的，可用：要保证tab切换时视觉上的不抖动，就得设置百分比。
3.列中有换行，同行要保持垂直对齐的
总之：横竖的对齐+内容的自适应+行不会掉下来，这三点就让原生的 table 天生棒棒哒。
但是一旦要加额外限制，table 就显得有点重了。额外限制包括：行可点击-不能实现；不同即有宽度-又有样式限制限制-html层次就深了。
float 加 %
兼容性挺好：各种浏览器都支持，而且表现也较>同等/p>
问题1：移动端宽度设置不好设置—原因如今天纠结的3—你看，这个时候table就比较好了-原生的对齐就很>和谐/p>
问题2：一个宽度要改，其余的比例也都要适当地重新计算再修改，不方便。
问题3：多行时，列的对齐又不好控制-当列的宽度不是定死的时候。灵活就会导致潜在的不对齐。
到此，大家对li 为什么浮动不上去的解答时否满意，希望li 为什么浮动不上去的3解答对大家有用，如内容不符合请联系小编修改。
