Rumah > hujung hadapan web > html tutorial > html中对页面布局的理解

html中对页面布局的理解

一个新手
Lepaskan: 2017-10-17 10:23:55
asal
1759 orang telah melayarinya

做页面前,先分析页面的布局,有几个模块,就用几个p,可以层层嵌套。、

用了p后,进行浮动就不会出现样式错乱

代码大概是这样的(有点繁琐,不过解决了燃眉之急):

<p>
	<p>
		<p class="d_left"></p>
		<p class="d_left"></p>
	</p>
	<p>
		<p></p>
	</p>
</p>
Salin selepas log masuk

将图中两个并排的p样式左浮动(上图是浮动后的效果):

.d_left {//将两个p进行左浮动
  float:left;
}
Salin selepas log masuk

Atas ialah kandungan terperinci html中对页面布局的理解 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan