html中如何让一个li中的两个ul平行显示_随笔

.disaster的css样式中是否加入float:left/right属性或者其他针对这两个<ul>的样式中，去掉float样式属性应该就可以block的形式上下平行显示了

浏览器的布局格式是流式布局方式，也就是一个个的放，放满了就放到下一行，因为div是行级元素，独占一行，所以默认是平行排列的，也就是上下关系，如果希望div出现在一行，可以让div“浮”起来，因为浮起来之后，它就不会占用一行了。下面的div就可以放到它的后面。具体实现的在前面div样式加float属性“style=“float：left””其实left和right左浮动和右浮动都可以达到效果，根据你的需要。

你这个很好实现，看你目前应该是刚学html吧，先把网上的整套看一遍，你这些轻而易举。

<!DOCTYPE html>

<html>

<head>

<title>两个DIV并排</title>

<style>

.div-a{ float:leftwidth:300pxheight:200pxborder:1px solid #F00}

.div-b{ float:leftwidth:300pxheight:200pxborder:1px solid #000}

</style>

</head>

<body>

<div class="div-a">第一个DIV盒子里面放文字</div>

<div class="div-b">第二个DIV盒子第二个放视频</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7619211.html

html中如何让一个li中的两个ul平行显示

发表评论

评论列表（0条）

html中 如何让一个li中的两个ul平行显示

发表评论

评论列表（0条）

html中如何让一个li中的两个ul平行显示