コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > maigin-left が負の数であるという問題があります。 _html/css_WEB-ITnose

maigin-left が負の数であるという問題があります。 _html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:04:36
オリジナル
1329 人が閲覧しました

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title>	<style type="text/css">/*并列浮动布局,该类型为固定宽度布局。*/    	body{			margin:0px;			padding-left:180px;			padding-right:240px;			min-width:480px; /*定义浏览器为最小窗口宽度，该值为第2列 第3列宽度和。*/		}		div{			border:1px solid gray;			height:40px;		}		#left{			width:180px;			float:left;			margin-left:-180px;/*设置偏移宽度为左列宽度，注意取值为负数。*/		}		#middle{			width:240px;			float:left;		}		#right{			width:240px;			float:left;			margin-right:-100%;		}    </style></head><body>	<div id="left">左列</div>    <div id="middle">中列</div>    <div id="right">右列</div></body></html>
ログイン後にコピー

#left 定義: なぜここでオフセット幅を負の数に設定する必要があるのでしょうか?デフォルトのDIVは左から始まるんじゃないの？


ディスカッション（解決策）への返信

本文のpadding-left=180pxに-180pxと書かれていない場合、ブラウザは左から見ることができません

関連ラベル：
負の数
ソース：php.cn
前の記事：ジャンゴ + nginx + raspberypi + pidaro_html/css_WEB-ITnose 次の記事：このようなエフェクトのスタイルの書き方_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1429
URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
クラスのプライベート メンバーをコンストラクター パラメーターとして設定する classFoo{#one#two#three#four#five#six#seven#eight#nine#ten#eleven#twelve#thirteen#fourteen...
から 2024-04-06 21:48:47
0
1
637
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート