[英]dynamic and fixed size in CSS
我需要在同一个HTML行中有2个div:一个将保持相同的宽度,而另一个的大小将在最终用户增加网页后增加。
所以我在这里定义了一个div和2个div:
<div>
<div style="float:left" width="20px">first div</div>
<div style="float:left" width="100%">first div</div>
</div>
但它不起作用!
如何在同一行创建2个div,其中一个是固定大小而另一个是相对的?
看看这个: http : //jsfiddle.net/Shaz/GaZYt/2/
左侧框将根据剩余的水平空间来改变大小。 右侧框的最小和最大宽度始终为200px。
尝试在div元素上设置display:inline。 div的默认显示值是block(导致它们出现在单独的行上)。 这是一个关于js小提琴的例子
我相信你可能需要使用Javascript来处理这种情况。
$(window).resize(function() {
var $left = $('#left');
var $container = $('#container');
$right.width($container - $left);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.