Позиционирование div в HTML/CSS

У меня есть 3 скрипта в моем файле HTML, и у меня проблемы с позиционированием.Позиционирование div в HTML/CSS

enter image description here

Как вы можете видеть мой вертикальный датчик находится сверху на мою второй круговой колее. Я попробовал несколько вариантов позиционирования, но я не могу это исправить. Как я могу сделать свой вертикальный датчик на правой стороне моего первого круглого датчика?

Так выглядит мой код.

<body> 
    <div id="containerTno" style="height:300px;width:800px;margin:0px;position:static"> 
     <div id="circularGaugeContainer" style="height:300px;width:300px;position:relative"></div> 
     <div id="linearGaugeContainer" style="height:300px;width:300px;position:relative"></div> 
    </div> 

    <div id="circularGaugeContainer2" style="height:300px;width:300px;margin:0px; position:static"></div> 
</body>

источник

2013-12-17 Anonymous

попробуйте назначить их ширину, как для первого контейнера, как 60%, а контейнер два на 35%, с дисплеем: встроенный блок и поплавок: влево/вправо –

вы могли бы предоставить свой код в скрипке? – Era

, пожалуйста, укажите правильный заголовок, тема связана с размещением html/css, не связанным с скриптами –

Для получения ожидаемого макета Попробуйте назначить следующие CSS для первого контейнера, как

width:60%

и второй контейнер, как

width: 30-40%; float: right;

и дисплей как

display: inline-block

для как контейнер

источник

2013-12-17 09:18:47

Я считаю, что если вы используете эти две строки вместо этого он должен работать

<div id="circularGaugeContainer" style="height:300px;width:300px; float: left;"></div> 
<div id="linearGaugeContainer" style="height:300px;width:300px; float: right;"></div>

Я не использовал JFiddler, но я совершенно уверен, что это работает. дайте нам знать его легко исправить

источник

2013-12-17 09:20:43 Ljubisa

Протестировано, работает: http://jsfiddle.net/theStudent/7y3YV/ – Ljubisa

Позиционирование div в HTML/CSS

ответ

Смежные вопросы