我试图创建侧边栏。 它在内容div的旁边，但它在内容div的下面，它在正确的x位置而不是正确的y位置。 使用CSS在侧栏内容旁边使用CSS
HTML :
Nullam mauris dui，consequat a placerat eu， sempernonmi.naminleovelloremadipiscingcommodo.duisvestibulumeratvelfelistinciduntincongueipsumrutrum.sedinipsumlligula . met，consecteturadipiscingelit.maurispharetranisiegetarcumalesuadaatdapibuselitvarius.morbi sodales，justo fermentum lobortor orci turpis vehicula nisl，quislaoreetsapienliberoaleo.aeneanacarcuaugue， vitaepellentesqueipsum.utnecmaurisatnislluctustemporasedturpis.pellentesqueinodiolibero， sitamettinciduntnisl.duisdictumtortorvitaesemsagittisinmolestienislinterdum.maecenasmollisadipiscingaue， egetaccumsanjustoultricesa.suspendissescelerisquejustoetnislconsecteturavariuslacussodales.duisaccumsaniaculisnula，non
vestibulumtinciduntpulvinaraliquet.nullambibendumvulputatediamquismattis.etiammollisduieuquamfeugiatpharetra.donecnonteme emimperdietbibendumrhoncusegetodio.etiamadipiscingnibhsitametaugueelementumtempus.etiamhendreritmassa laoreeetvitaepretiumentiumemenumenum emvitaenequepretiumconvallis.sedcondimentumsemperipsum，consecteturimperdieterosinterdumeu.classaptentacitisociosquadlitiosqual perinceptoshimenaeos.donecadipiscingnisiineratfeugiattempor.nunctinciduntnequenonnisltriquequisornareeelitornare。
Praesent nec augue ligula，quisiaculisdiam.namegetfelisest，egetpellentesquelectus.utsuscipitvariusmagna， acvestibulumrisusegestasac.quisqueidsapiensedleoluctusfaucibusinnonleo.integersitametpellentesquevelit.vivamusconvallis lis nunc velit aliquam nisi，eupretiumtellusnislegeteros.etiamdolorleo，feugiat vel faucibus ac， ullamcorperquisturpis.maurisnecfeliselit.donecdignissimullamcorperarcu.prointempor，dui vel malesuada viverra，lacus maurise euconvallisdolorjustononmassa.maecenasvolutpat，leo gravida eleifend pharetra，dolormauristempoor quisfacilistellllusnislquisssted malesuada id iaculis ut，pellentesquenonmauris.nullaminterdumjustoidnunc
Curabitur ipsum augue，posuere at adipiscing nec，rutruminnisi.utmattisplaceratestaliquamvulputate.nulllamfaucibus，libero infion lectus metus suscipit ligula，quissollicitudinligulaeratsitametnisi.suspendisseetsuscipitlectus.sedfermentumportalorem， velconguetortorsollicitudinmolestie.nullaimperdietpurusnonvelitornarevestibulumidatmassa.curabiturloremurna，fermentum ut ST pretiumsedante.nullamligulaante，aliquam at blandit ac，aliquam in velit. Cras nisl libero， iaculisatrero mollisnectortor.aeneandignissimviverramolestie.vivamusultriciessempurus， temporpharetraelit.sedplaceratestatturpiseleifendaccumsan.crasmetusante，imperdiet et suscipit ut，interdumegetest.inrutrrit
dvsdvs
#menudiv{
display :在线区块；
浮点：无；
填充- bottom :2 xldz；
}
#html，body {
top: xldz；
right: xldz；
bottom: xldz；
left: xldz；
width:98xldz；
height: 100%；
margin :自动；
}
#headerdiv{
width:95xldz；
- WebKit-box-shadow :1 xldz1xldz2xldz # 000；
- moz-box-shadow :1 xldz1xldz2xldz # 000；
}
#content.container{ (
height:100%；
width: 64xldz；
padding-top:50；
玛姬- top :50；
padding-left: 1xldz；
padding-right: 1xldz；
padding-left: 1xldz；
填充- bottom :1xldz；
border:thin；
边框颜色： # CCC；
边框样式：实体；
- WebKit-box-shadow :1 xldz1xldz2xldz # 000；
- moz-box-shadow :1 xldz1xldz2xldz # 000；
}
#sidebar{
position:absolute
浮点：左；
浮点：轻型；
top:25xldz；
height:100%；
width: 28xldz；
border:thin；
边框颜色： # CCC；
边框样式：实体；
- WebKit-box-shadow :1 xldz1xldz2xldz # 000；
- moz-box-shadow :1 xldz1xldz2xldz # 000；
}