印刷用スタイルシート@media print

ブラウザで表示するcss記述では印刷ページを制御することができないので、印刷用のスタイルシートを用意します。
方法としては、既存のcssファイルに以下の印刷用のメディアクエリの記述を追加するか、別にCSSファイルを用意します。

• 既存のCSSファイルに追加する場合

@media print{
/*ここに印刷用のセレクタを記述*/
}

• 専用のCSSファイルを用意する場合

印刷時のみに有効になるスタイルシートを別途用意して、印刷用のセレクタを記述します。print.cssというファイルを新規作成して、ページヘッダ内に以下のlinkタグを追加します。

<link rel="stylesheet" href="print.css" media="print">

overflowの修正

用意したメディアクエリにブラウザ用のCSSにoverflow:hiddenを指定されている囲いタグがあれば、修正します。

例)

.wrap{
overflow:hidden;/*←hiddenが影響してはみだしたりする*/
}

[修正後]
.wrap{
overflow:visible;/*←属性値をvisibleにする*/
}

Webページ印刷調整は@media printとoverflow:visibleが基本です。