左(navi)div总是有可能获得右(content)div的100%百分比?
如果我更改.wrapper
班级的身高,.navi
div会跟随他们,但我需要以百分比表示。
我只能用display: table-cell;
和的解决方案display: table-row;
这可以通过使用称为flex的功能(此处提供浏览器支持)来完成。
.wrapper {
width: 300px;
display: flex;
}
.navi {
background: green;
float: left;
width: 100px;
}
.content {
background: yellow;
float: left;
width: 200px;
}
<div class="wrapper">
<div class="navi">
<ul>
<li><a href="#">Link</a>
</li>
</ul>
</div>
<div class="content">
<!-- DYNAMIC CONTENT e.g. JOOMLA BLOG -->
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句