css_html/css_WEB-ITnose に関する奇妙な小さな問題-htmlチュートリアル-php.cn

css_html/css_WEB-ITnose に関する奇妙な小さな問題

WBOY

リリース： 2016-06-21 08:49:05

オリジナル

1285 人が閲覧しました

私は 3 列のレイアウトを作成しています。これは全体を中央に配置するだけで、左右の列の幅は固定され、中央の列は適応型になります。
私のコードはこれです

<!DOCTYPE html><html lang="en"><head>	<meta charset="UTF-8">	<title>三列布局</title>	<style type="text/css">		body{ margin:0; padding:0;}		.con{width: 800px;margin: 0 auto;background-color: #ccc;position: relative;color: #000}		.left{border:1px solid #333;padding:10px;width: 200px;height: 500px;background-color: transparent;position: absolute;left: 0;top: 0}		.center{border:1px solid #333;padding:10px;background-color: transparent;height: 500px;margin: 0 325px 0 225px;}		.right{border:1px solid #333;padding:10px;width: 300px;height: 500px;background-color: transparent;position: absolute;right: 0; top: 0;}	</style></head><body>	<div class="con">		<div class="left"></div>		<div class="center"></div>		<div class="right"></div>	</div></body></html>

ログイン後にコピー

今は問題ないようです。 .lfet .center .right にテキストを追加する場合は問題なく、表示は自動行折り返しで正常に行われ、 .center の幅は拡張されません。しかし、それらに「ssssssssssssssssssssssssssssssssssssssssssssssssssssss」を追加すると問題が発生します。来るよ、それは自動ではありません回線を変更してください。幅は広がっていませんが、中身は逃げています。どうしたの？。なぜ内部の通常のコンテンツが自動的に新しい行に折り返され、文字列の文字列が GG になるのか、非常に不思議です。 Web ページにはインテリジェンスが備わっていますか? ！ああ、考えると怖い