[解決済み] 改行や水平方向のスペースを作らない隠しdivを作るには？

質問

画面上でスペースを取らない隠しチェックボックスを設けたいのですが、どうすればいいですか？

これがあれば

<div id="divCheckbox" style="visibility: hidden">

チェックボックスは表示されませんが、それでも改行されます。

これがあれば

<div id="divCheckbox" style="visibility: hidden; display:inline;">

は改行されなくなりましたが、画面上で横方向のスペースを取るようになりました。

縦にも横にも場所を取らないhidden divを用意する方法はありますか？

どのように解決するのですか？

使用方法 display:none;

<div id="divCheckbox" style="display: none;">

• visibility: hidden は要素を隠しますが、レイアウト上ではまだスペースを取っています。

• display: none は、ドキュメントから要素を完全に削除し、スペースを取らないようにします。