# divブロック要素のcss装飾

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    div#orange {
    	clear: both;
    	width: 100%;
    	height: 100%;
    	background-color: orange;
    }
    div#yellow {
    	width: 100%;
    	height: 100%;
    	background-color: yellow;
    }

では「制御」→「実行」メニューを実行してください。
オレンジと黄色のブロック要素が表示されました。
オレンジと黄色で幅高さを100%ずつにして画面ぴったりの大きさにしてますね。
オレンジのclear:bothで後から出てくるfloat:leftでdiv要素を横に連ねるのを止めて改行みたいにしてますね。
背景色はそれぞれオレンジとイエローですね。

### 次へ