Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sqlite/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将static放置在具有引导栅格宽度的旁边_Html_Css_Twitter Bootstrap_Grid - Fatal编程技术网

Html 将static放置在具有引导栅格宽度的旁边

Html 将static放置在具有引导栅格宽度的旁边,html,css,twitter-bootstrap,grid,Html,Css,Twitter Bootstrap,Grid,在我的网页上,左边有一个静态宽度为300px的div元素。在它的右边,我想显示另一个元素,它具有动态的、灵活的宽度,因为用户可以通过使用col-12引导网格来调整浏览器窗口的大小。想象一下: <div class="row"> <div style="width:300px;"></div> <div class="col-12"></div> </div> class=col-12的div应该紧挨着左div,中间

在我的网页上,左边有一个静态宽度为300px的div元素。在它的右边,我想显示另一个元素,它具有动态的、灵活的宽度,因为用户可以通过使用col-12引导网格来调整浏览器窗口的大小。想象一下:

<div class="row">
  <div style="width:300px;"></div>
  <div class="col-12"></div>
</div>
class=col-12的div应该紧挨着左div,中间没有空格,并且应该始终在窗口的右侧增长/弯曲


不幸的是,它似乎不起作用,在左边的元素上有一个静态的px宽度,在右边有一个col-12的flex元素。第二个div总是低于第一个div。您知道解决方案吗?提前谢谢

试着给行中的第二个div指定类col

<div class="row">
  <div style="width:300px;"></div>
  <div class="col"></div>
</div>

问候

您是否尝试过将静态宽度的div放置在容器外部并固定边距?谢谢!这听起来是个好办法。我试过你写的东西了。它还不起作用,但我认为如果保证金问题得到解决,它会起作用。在static div中,我有一个devextreme的图表组件。我不明白为什么,但是在静态div的右边,实际上有边距,扩展到窗口的右边。所以第二个,flexible div,仍然低于第一个div。我不知道如何修复边距,因为当我使用chrome时,边距来自svg元素。不是div本身。你知道该怎么做吗?或者你所谓的固定利润是什么意思?太多了,成功了!我不能给你们投票,因为我还没有达到15个代表点,但无论如何是thx。没想到这样就解决了没问题!在我看来,Bootstrap真的很棒!