css – 2列上的Ipython笔记本

我想要在2列上有一个 python笔记本的单元格,用于代码旁边的写入注释(例如,不是在下面插入2个单元格,而是插入我在右边插入一个单元格,在下面插入一个单元格剩下)
我知道可以使用自定义css来改变外观(例如 https://github.com/nsonnad/base16-ipython-notebook/blob/master/ipython-3/output/base16-3024-dark.css),是否也可以进行布局？

另一方面,我找到了一个如何使用css创建表格布局的例子(https://pixelsvsbytes.com/2012/02/this-css-layout-grid-is-no-holy-grail/),但不熟悉CSS我不明白这是否可以应用于未知数量的相等块(未知因为它们是由用户交互生成的.作为参考,这里是如何看起来像：

您可以将单元格更改为markdown或raw,并使它们向右浮动.

from IPython.core.display import HTML
HTML("<style> div.code_cell{width: 75%;float: left;}"
    +"div.text_cell{width: 25%;float: right;}"
    +"div.text_cell div.prompt {display: none;}</style>")

现在当你输入一个单元格并想要它在右边按esc-r(或m).
esc-取消选择它并允许笔记本处理命令. r是制作原始单元格的命令.