專案實戰 PC端固態布局 之機票預訂

2021-07-16 18:20:26 字數 1725 閱讀 8274

路線

日期**

稅費餐食

航班預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

北京-成都

10-15

¥555

¥50有

春秋航空

預訂

載入更多航班...

column.css:

#container .ticket

#container .ticket h2

#container .ticket .type

#container .ticket .type mark

#container .ticket .left

#container .ticket .right

#container .ticket .button

#container .ticket .submit

#container .ticket .form input

#container .ticket .form

#container .ticket .submit

#container .ticket .new

#container .ticket .new ul

#container .ticket .new li

#container .ticket .new li:first-child

#container .ticket .new li:nth-child(2)

#container .ticket table

#container .ticket th

#container .ticket td

#container .ticket tr:nth-child(2n)

#container .ticket tr:hover

#container .ticket .price

#container .ticket .more

#container .ticket .reserve

07 專案實戰 PC 端固定布局 7

本節主要設計一下內容頁面的側欄部分,分三個小塊。經過思考,側欄會包含一些,而主要部分也會包含,那麼側欄放在左邊可能會和主欄的衝突導致不協調,所以,把側欄更換到右邊。實際上,還去掉了高度,讓其自適應 container container sidebar 自適應後,footer 需要 clear bo...

11 專案實戰 PC 端固定布局 11

預覽圖和首頁差不多。具體 如下 風景欣賞 html 部分 alt 曼谷 芭提雅 曼谷 芭提雅 共 8 張 figcaption alt 馬爾地夫雙魚島 馬爾地夫雙魚島 共 12 張 figcaption alt 海南 海南 共 19 張 figcaption alt 富山 大阪 東京 富山 大阪 東...

pc端常見布局

1.固定寬度三列布局 html結構如下 右側主要內容區域 主要內容區域的主要內容 主要內容區域中的次要內容 左側導航區 css布局如下 為了讓容器元素水平居中,因ie6混雜模式下不識別margin 0 auto宣告,而text align center,ie會理解為讓所有的東西居中,而不只是文字,此...